setInterval /clearInterval 下拉问题

Question

我想使用 jquery 制作一个下拉菜单，但它甚至不应该关闭。

我有一个订阅了 mouseenter 事件的元素，鼠标进入该元素，下拉菜单，启动，一切似乎都正常。我转到项目列表，它是其中包含一些内容的列表元素。我第一次更改这两个元素时，一切都按预期进行。因此，我保留了调用 mouseout 事件的元素，并且在 1000 毫秒内列表不再可见。 我第二次打开“下拉菜单”似乎没问题，但如果我浏览列表，它就会像我离开元素时那样消失。在某种程度上，这是合乎逻辑的，因为两个元素（按钮和列表）中的每一个都订阅了两个事件：mouseenter 和 mouseleave。 mouseenter提供了clearInterval，mouseout提供了setInterval。数据存储在名为 tTimer 的变量中，该变量的默认值为 0。 我真的不知道为什么会发生这种情况。这是我的代码的一个片段：

        var tTimer = 0;
        var rmItemList = function(){itemList.remove(); clearTimeout(tTimer); }

        $(this).bind("mouseleave",function(){ tTimer = window.setTimeout(rmItemList, 1000); });
        itemList.bind("mouseleave",function(){ tTimer = window.setTimeout(rmItemList, 1000); });
        $(this).bind("mouseenter",function(){ window.clearTimeout(tTimer); itemList.appendTo("body"); });
        itemList.bind("mouseenter",function(){ window.clearTimeout(tTimer); });

Answer 1

我发现想象你正在做的事情有点棘手。然而，我发现您不断地从 DOM 中添加和删除元素。我相信 .remove() 从元素中删除事件处理程序。使用 .show() 和 .hide() 可能会更好。

这将具有显着提高性能的额外优势。