jQuery鼠标在一组类之间移动？

我有下面的HTML

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

我的问题是，我只希望“mouseleave”功能在所有这些功能之外时启动？当它从一个移动到下一个

。外场

i、 如果它在外面，我想让它开火一次

---

如何实现这一点？

您必须将所有div封装在一个容器中，以便侦听鼠标离开…

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

不幸的是，当div添加到

文档中时，该选项不可用。

？我不明白为什么不能这样做@Christopher-jQuery插件在外部文档中添加了一堆div。它没有任何外部

#id

或

.group类围绕
div
——因此我想知道如何将
.outer字段
组合成
：any
？我一直在思考这样的问题：
var toutId=null；jQuery（'.outer field'）.live（'mouseover'，function（）{if（toutId！=null）{cleartimout（toutId）；toutId=null；}}}）.live（'mouseleave'，function（）{toutId=setTimeout（function（）{//Do stuff here…alert（'leaving'）；}，500）；}）对格式设置感到抱歉-SO新增。我举了一个例子：
jQuery('.outer-field').live('mouseleave', 
      function () {
        console.log('in outer');
});