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