jQuery没有队列

时间:2012-06-14 09:11:16

标签: jquery queue

我有这个功能,我通过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);
});

任何想法都表示赞赏! Thnx提前!

1 个答案:

答案 0 :(得分:1)

我通常使用名为clickban的变量。

e.g:

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

你应该能够将它应用到我认为的情况中!

希望有所帮助:)