jQuery的mouseneter和取消绑定

Question

撞上了墙，需要一些帮助

我工作的一个项目，基本上..当你将鼠标悬停在图片，我需要它“暂停”。当你退出时，它会切换回来。

我有这个工作一次...但因为我解绑的事件，它只能工作一次。

能引导我走向正确的方向吗？将不胜感激

这里是我的代码片段：

$("#card1").mouseenter(function(){ 
    $("#overlay1").css("z-index","30").show("slide", { direction: "down" }, 700); 
    $("#pope1").css("z-index","30").hide("slide", { direction: "down" }, 700); 
    $(this).unbind("mouseenter") 
}); 

$("#card1").mouseleave(function(){ 

    $("#overlay1").css("z-index","30").hide("slide", { direction: "down" }, 700); 
    $("#pope1").css("z-index","30").show("slide", { direction: "down" }, 700); 
    $(this).unbind("mouseleave") 

}); 

Answer 1

我不认为你一定要取消绑定在这种情况下，任何事件。尝试改变你的代码，以这个jsFiddle如何设置：http://jsfiddle.net/CMbQB/

$('div').on('mouseover mouseout', function(e){ 
    if(e.type === "mouseover") { 
     //mouse over events 
    } 
    else if(e.type === "mouseout") { 
     //mouse out events 
    } 
});