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');
});

我的问题是，我只希望“鼠标离开”功能在 ALL 之外触发？目前它会从一个移动到下一个.outer-field？

即。如果它在外面，我希望它发射一次

我该怎么做？

Answer 1

你必须将所有div组合在一起，一边聆听鼠标离开...

Answer 2

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