0

壁にぶつかって助けが必要

私はプロジェクトに取り組んでいますが、基本的には、画像にカーソルを合わせると、「一時停止」する必要があります。マウスを外すと、元に戻ります。

私はこれを一度だけ機能させます...しかし、私はイベントのバインドを解除しているので、それは一度だけ機能します。

私を正しい方向に導くことができますか？よろしくお願いします

これが私のスニペットです：

$("#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")

});
4

1 に答える 1

0

この状況では、必ずしもイベントのバインドを解除する必要はないと思います。この 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
    }
});
于 2013-03-06T21:10:55.323 に答える