mouseover()问题上的.slideUp()和slideDown()-每个元素的情况不同



当前的问题是$(".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/

相关内容

最新更新