删除事件并重新设置

Question

我在菜单上有鼠标悬停和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();
        });
    });
});

如果点击了其中一个项目，我需要在mouseout上停止该事件。您可以在此处查看演示：http://arcticbusinessnetwork.com.web18.curanetserver.dk/home.aspx

Answer 1

使事件处理函数成为单独的（非匿名）函数，并使用bind绑定它们并取消绑定以再次绑定它们。