javascript - jQuery Mobile 循环不工作

Question

这里是a jsfiddle的问题。

点击“蜥蜴”应该show a picture of a lizard在这两种情况下。

当分别替换 "+ items[index] +" 为 1 和 6 时，一切正常。当使用循环执行此操作时，它不再起作用。

我不知道为什么。

Answer 1

您的错误是您期望 entries[i] 在 click 事件中包含一个值。

$("#"+ entries[1] +"-choice-C").bind("click", function() {
    $("#"+ entries[1] +"-lizard").show();
});

点击时entries[i]的值将是未定义，因为i的值为2(与数组的长度)。

您需要的是closure保持i的值，这是一个例子:

var items = ["a","b", "c"];
var displayItem = function (i) {
    window.setTimeout(function () {
        alert(items[i]);
    }, 100);
}

for (var i = 0; i < items.length; i++) {
    displayItem(i);
}

要获取解决您问题的代码，请访问 feedle @Ian 评论过。