jQuery .click奇怪行為

Question

我通過單擊jQuery .click方法調用的某些函數來獲得一個元素。 函數主體中存在條件。 當我一次單擊一個元素時，所有操作均會順利進行，但是如果我快速單擊兩次，則應該停止某個功能的條件將不會運行，並且該功能將執行兩次，而不是執行一次。 因此，好像點擊次數正在累積。 如何防止.click方法的這種行為？

$(".collections_pager_right").click(function() {
    if (collections_wrapper_left > 0 - collections_wrapper_width + 770) {
        $(".collections_slider_wrapper").animate({left: "-=770"}, 400);
    };
});

Answer 1

嘗試在元素中添加諸如running =“ false”之類的屬性，以便在此之后可以對其進行檢查。

$(".collections_pager_right").click(function() {
    if($(this).attr('running') == 'false'){
     $(this).attr('running','true');
     if (collections_wrapper_left > 0 - collections_wrapper_width + 770) {
        $(".collections_slider_wrapper").animate({left: "-=770"}, 400, function(){
          $(this).attr('running','false');               
        });
     };
    }
});