Question

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

当我按下html＆lt;时，if（sFormula＆gt; 168）似乎按预期工作了a＆gt;一次标记一次，但如果我快速点击它，一切似乎都变得疯狂。

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

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

感谢。

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 ;
    }
});

Answer 1

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

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

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

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

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

为什么javaScript / jQuery似乎忽略了我在事件冒泡时的IF语句？

1 个答案: