jquery - 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
    }
});