如果我太快点击按钮，则在功能之前/之后出现问题

Question

我想在画廊上创建像卡鲁塞尔这样的神奇效果。 我已经使用了一个插件+大量的jquery，所以我尽量避免使用carrousel插件并自己动手。

我检测到了第一个图像位置，并添加了一段代码，如果人们点击上一个图像，就会在第一个图像前插入最后一个图像，以产生无限效果。

$('#fp_prev_thumb').click(function(){
    //position of the first thumb
    var offset2 = $('.firstThumb').offset();
    var pos_first = offset2.left;
    if(pos_first >= -1){    
        $('ul.container li:first').before($('ul.container li:last'));
    }
});

只要慢慢点击就可以正常工作。但是一旦我点击快速它似乎迷路了，没有时间加载图像或其他东西。

我是否需要添加一些内容或者有更好的方法来实现我想要的效果？

非常感谢。

Answer 1

只要动画正在运行或图像正在加载，

解除绑定处理程序.unbind（）的绑定。之后重新绑定.bind（）。