这是我遇到的代码。在这里,我有一个侧边栏,其中包含我使用.mouseover()
和.mouseleave()
弹出的菜单项。当我单击菜单项时,我想在页面右侧的容器中显示相应的数据。我在容器上有一个关闭按钮。当我单击关闭按钮时,我想要隐藏容器以及侧边栏。至于此我很好,但是当我关闭两者后mouseover
和mouseleave
时,mouseover
点火,但mouseleave
仍被禁用。如何在关闭后再次启用mouseleave
?
下面是我做的代码。
function mouseLeave() {
$( "#sidemenu" ).hide("fast");
$( "#select" ).show();
}
$(document).ready(function(){
$("#sidemenu").on({
mouseleave: mouseLeave
});
$("#select").mouseover(function() {
$( "#sidemenu" ).show("fast");
$( "#select" ).hide();
});
$("#paper").click(function(){
$("#paper_window").show("fast");
$("#sidemenu").show();
$("#sidemenu").off("mouseleave");
})
$("#paperclosex").click(function(){
$("#body").on({mouseleave:mouseLeave});
$("#paper_window").hide("fast");
$( "#sidemenu" ).hide("fast");
$( "#select" ).show();
});
});