取消綁定和綁定點擊事件

Question

我有一個具有上一個和下一個按鈕的圖片庫。 因此，為了更改圖像，我編寫了一個函數，該函數一直單擊下一步按鈕以更改圖像。

function infiniteLoop(time){
    function f(){
        $('.image-nav-next').click() // click the next button
        timer = setTimeout(f, time)
    }
    f();
}

這對我來說很好。 但是現在我想在圖像懸停時暫停click事件。 這意味着，當用戶將鼠標懸停在圖庫中的圖像上時，只要鼠標懸停在該圖像上，它就應顯示相同的圖像。 當用戶從圖像中刪除光標時，圖庫將再次開始工作並像以前一樣更改圖像。 我嘗試了以下-

$('.myimg').mouseover(function(){         
    $('.image-nav-next').unbind('click');
});

接着

$('.myimg').mouseout(function(){          
    $('.image-nav-next').bind('click');
});

取消綁定工作正常，但是重新綁定無效。 任何想法？

Answer 1

您正在為此錯誤的方式。

相反，您需要做的是在鼠標上輸入clearTimeout(timer)清除計時器，並在離開鼠標時再次調用infiniteLoop來安排循環