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