0

我确信只是我没有正确理解 JavaScript 基础知识。但是有人可以指出为什么我有这样的印象，即我的 if 语句在事件冒泡时评估为 true，即使 if 语句中的语句应该评估为 false ？

当我一次按一次 html < a > 标签时， if(sFormula > 168) 似乎按预期工作，但如果我快速单击它，一切似乎都变得疯狂。

这是一个带有代码的 jsFiddle：http: //jsfiddle.net/twimB/pGHrP/，下面只是整个代码片段。

如果有人能花时间解释，我将不胜感激。

谢谢。

html

<a href="#" id="right">&raquo;</a>

jQuery

$("#right").click(function(event){
    event.stopImmediatePropagation();
    if(busy == false){
        busy = true ;
        var parentMargin = $(".wrap").offset().left;
        var parentWidth = $(".wrap").width();
        var carouselMargin = $(".block").offset().left;
        var carouselWidth = $(".block").width();
        var rFormula = carouselWidth - ((parentMargin - carouselMargin) + parentWidth);
        $(".pLeft").text("");
        $(".pRight").text("if ( rFormula > 0 ) {perform slide} fFormula is: " + rFormula);
        if(rFormula > 168){
            $(".block").animate({"left": "-=168px"}, "slow");
        }
        busy = false ;
    }
});
4

1 回答 1

4

该.animate()方法不会停止脚本执行。发生的情况是它开始动画并继续执行脚本，并busy立即设置为 false。

您需要的是仅在动画完成后使用回调函数设置标志：

if(rFormula > 168){
    busy = true;
    $(".block").animate({"left": "-=168px"}, "slow", function() { busy = false });
}

（请注意，我还在这里设置了标志，因为在动画开始之前设置它没有任何好处。）

演示： http: //jsfiddle.net/pGHrP/1/（我只更新了右键。）

于 2013-06-02T12:24:34.257 回答