jquery - jQuery没有队列

Question

我有这个功能，我通过 css 为翻转框制作动画。我怎么能实现点击功能没有排队，这样你就不能“垃圾邮件”翻转盒？

$(document).ready(function () {
    function flipBack() {
        console.log($(this));
        var $this = $(this);
        $this.removeClass('flip');
        $this.children('.front').delay(600).show(0);
        $this.children('.back').delay(600).hide(0);
        return false;
    }

    function flipForward() {
        var $this = $(this);
        $this.addClass('flip');
        $this.children('.front').delay(600).hide(0);
        $this.children('.back').delay(600).show(0);
        var t = setTimeout(function () {
            $this.trigger("click");
        }, 5000);
    }
    $('.click').toggle(flipForward, flipBack);
});

任何想法表示赞赏！提前谢谢！

Answer 1

我通常使用一个名为clickban.

例如：

$el.click(function(){
    if( !clickban ){
        clickban = true;
        // Do something, and then afterwards set clickban to false
        // and then you can click again.
    }
});

我认为您应该能够将其应用于您的情况！

希望有帮助:)