jquery - jQuery MouseLeave 跨越一组类？

Question

我有以下 HTML

<div class="outer-field"></div>
<div class="outer-field"></div>
<div class="outer-field"></div>
<div class="outer-field"></div>

在函数中使用哪个

jQuery('.outer-field').live('mouseleave', 
      function () {
        console.log('in outer');
});

我的问题是我只希望“mouseleave”功能在所有这些之外时触发？此刻它会从一个火到下一个.outer-field吗？

即如果它在外面，我希望它开火一次

我怎样才能做到这一点 ？

Answer 1

您必须将所有 div 封装在一个监听鼠标离开的地方...

Answer 2

如果您无法更改 HTML 结构（这将是一个更简单的解决方案），则需要通过包装 I'm 传递给 setTimeout 的函数来延迟 mouseout 代码的执行。将返回的 Id 存储在一个变量中，并在其中一个元素的鼠标悬停时使用 clearTimeout，这将取消预定的执行。