javascript - 在quickflip期间暂时禁用链接

我在我的网站上使用带有site标签的插件Quickflip。

但是，例如，如果我在var2上单击的速度过快，然后在var1上单击，则存在错误。
这就是为什么我试图在选项卡的每次单击上设置1的超时时间，以使其等待翻转完成。

这是我所谓的quickflip函数（和制表符）

  $('document').ready(function () {

        $('#flip-container').quickFlip();

        $('#flip-navigation li a').each(function () {
            $(this).click(function () {
                $('#flip-navigation li').each(function () {
                    $(this).removeClass('selected');
                });
                $(this).parent().addClass('selected');
                var flipid = $(this).attr('id').substr(4);
                $('#flip-container').quickFlipper({}, flipid, 1);

                return false;
            });
        });

    });

请问有解决办法吗？

最佳答案

我尝试测试您的代码，并找出您提到的问题。

[编辑]

您希望在翻转动画停止之前不能单击选项卡。我检查quickflip lib的实现，并找出div翻转时所有翻转内容的显示样式将设置为“无”。因此，我实现了“动画”检查功能。

尝试这个：

    $('#flip-navigation li a').each(function () {
        $(this).click(function () {
            $('#flip-navigation li').each(function () {
                $(this).removeClass('selected');
            });
            $(this).parent().addClass('selected');
            var flipid = $(this).attr('id').substr(4);

            var isAnimating = true;
            $("#flip-container>div").each(function(index){
                if($(this).css("display")!=="none"&&index<3){
                    isAnimating=false;
                }
            });

            if(!isAnimating){
                $('#flip-container').quickFlipper({}, flipid, 1);
            }

            return false;
        });
    });

[编辑]

这是更新的答案jsfiddle demo

希望这对您有帮助。