javascript - jQuery-UI 对话框仅显示 for 循环的最后一次迭代

Question

这个问题已经有答案了:

JavaScript closure inside loops – simple practical example (45 个回答)

已关闭 4 年前。

不知道我是否瞎了，但每次我看这段代码时，逻辑都是有道理的。我试图迭代这个 for 循环，并为每次迭代生成一个 ID 为 #dialog-(i) 的对话框，但它只显示最后一次迭代 200。代码如下:

var i; 
    for(i=1;i<200;i++){
        $("#dialog-" + i).hide();
        $('#meetings_box-' + i).click(function() {
            var dialog = $("#dialog-" + i).dialog();
            if (dialog) {
                console.log('yay');
                console.log(dialog);
            } else {
                console.log('nay');
            }
        });
    };

对发现问题有任何帮助，可能是一些非常愚蠢的事情

Answer 1

这是因为点击将在将来的某个时候发生，那时循环已经完成其执行并且i的值被更新为最后的值。您可以使用 let 代替 var