删除事件并重新设置

Question

我在菜单上有一个 mouseover 和一个 mouseout 事件，它显示/隐藏一个下拉菜单。

这个下拉菜单还有一些其他的菜单项，我希望（单击时）删除显示菜单的目标上的鼠标移出事件。但是一旦单击另一个目标，我希望再次启用此事件。我希望我解释得很好。

这是 JavaScript：

$(document).ready(function () {
    $("#menu ul > li").not(".parenttocurrent").not(".current").mouseover(function () {
        $(this).find(".menu_content").stop().fadeTo('fast', 1).show();
    }).mouseout(function () {
        $(this).find(".menu_content").stop().fadeTo('fast', 0, function () {
            $(this).hide();
        });
    });
});

如果单击其中一项，我需要在鼠标移出时停止该事件。你可以在这里看到一个演示：http://arcticbusinessnetwork.com.web18.curanetserver.dk/home.aspx

Answer 1

使事件处理函数分离（非匿名）函数，并使用 bind 绑定它们并 unbind 再次取消绑定。