Question

When i press $('.walk-previous-button') i want to disable the click event until the animation is finished. The below isn’t working.

$('.walk-previous-button').live('click',function() {
        var stringcontainer = $('#walk-string-parent-container');

    $('.walk-previous-button').unbind('click'); 

        stringcontainer.animate({'scrollLeft': '-=340'}, 1500,function() {
    $('.walk-previous-button').bind('click');
    //code
        }

    });

Answer 1

Try using the :animated selector to check if the element is being animated.

$('.walk-previous-button').live('click',function() {
    if(!$(this).is(':animated')){
      var stringcontainer = $('#walk-string-parent-container');
      stringcontainer.animate({'scrollLeft': '-=340'}, 1500, function(){
        // code
      });
    }
});