当前的问题是$(".someclass")的扩展。is(":悬停")只适用于单个";someclass";实例
下面的jquery代码段适用于http://jsfiddle.net/4x661tt6/
$(document).ready(function() {
$("body").mousedown(function() {
if ($(".title").is(":hover") || $(".helper:hover").length ) return;
$(".helpers").slideUp(); //slideToggle();
});
$(".title").mouseover(function() {
$(".helpers").slideDown();
});
});
我的下一个问题是让它运行http://jsfiddle.net/4x661tt6/1/(识别文档鼠标点击,不包括".title".helper"),此外,为了使每个标题触发slideDown()以不同的方式拥有其子项。。。
现在,在对另一个菜单进行源扩展后,将悬停在任何".title"slidesDown()处,两个实例和背景点击都停止被识别
编辑:我更改了的返回行
if ($(".title:hover").length || $(".helper:hover").length ) return; //is(":hover")
它现在识别了更多的".title"实例。。。。我本可以早点挖的!
现在唯一的问题是以不同的方式滑动每个".title",我会在家
is(":hover")
将仅在单个实例上工作。
试试这个比特:
$("body").mousedown(function() {
var isHovered = !!$('.title, .helper').
filter(function() { return $(this).is(":hover"); }).length;
if (isHovered)
return;
alert( 'triggered' );
});
http://jsfiddle.net/wxfok6mv/1/