Javascript 跳过一段代码，但在使用调试器完成后工作正常

Question

我有一行非常简单的代码。我有一个由 Kendo 图书馆提供的标签条

i = 0;
x = 10;
while (i < x) {
    var tabStrip = $("#myId").data("kendoTabStrip");
    tabStrip.select(i);
    i++;
}

当我使用调试器逐步进行时，一切正常 - 正在调用 tabStrip.select(i) 方法并完美运行。但是当我在没有调试器的情况下运行它时，它的行为就像没有这一行一样。我不明白为什么，我不知道如何解决这个问题。(i 和 x 变量只是示例变量，可能在 while 循环中调用该方法的信息很重要)

var tabGroupObject = $("<div>").attr("id", "myId")
tabGroupObject = $(tabGroupObject).kendoTabStrip({
    animation: {
        open: {
            effects: "fadeIn"
        }
    }
});
var tabStrip = tabGroupObject.data("kendoTabStrip");

Answer 1

似乎是一个同步问题，在处理 Ajax 调用或 DOM 修改时在 JavaScript 中很常见。这就是为什么当您逐步执行代码并为操作的发生留出足够的时间时它会起作用的原因。

我的建议是阅读一些关于 Async JavaScript 的内容，并尝试实现一个在动画完成其任务后触发的回调函数。