javascript - 防止 Javascript 被执行两次

Question

我正在开发一个创建滑动按钮类型效果的脚本。五个 div 彼此相邻，每个都有一个链接。单击其中一个 DIVS 时，相关内容将展开，其余 Div 将关闭。

问题是，如果用户在加载时单击 Div 两次，或者快速连续单击另一个 Div，就会开始出现裂纹。

我想知道是否可以只允许查询执行一次并等到完成而不是排队。

这是我当前的代码，如果它是废话，请随意评论我如何改进它......我不是最擅长 Javascript/jQuery :P

    function mnuClick(x){
    //Reset all elements
    if($('#'+x).width()!=369){
        $('.menu .menu_Graphic').fadeOut(300);
        $('.menu_left .menu_Graphic').fadeOut(300);
        $('.menu_right .menu_Graphic').fadeOut(300);
        $('.menu').animate({width: "76px"},500);
        $('.menu_left').animate({width: "76px"},500);
        $('.menu_right').animate({width: "76px"},500);
    }
        var ElementId = '#' + x;

        $(ElementId).animate({
            width: 369 + "px"
        },500, function(){ 
            $(ElementId + ' .menu_Graphic').fadeIn(300);
        });
}

提前致谢，克里斯。

Answer 1

你需要一个“isRunning”标志。在开始之前检查一下。开始序列时设置它，结束时清除它。