jQuery-UI 对话框仅显示 for 循环的最后一次迭代 [重复]

Question

不知道我是不是瞎了，但每次我看这段代码时，逻辑都是有道理的。我正在尝试遍历此 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

这是因为click 将在未来某个时间发生，到那时循环已经完成它的执行并且 i 的值更新为最后一个值。您可以使用 let 而不是 var