javascript - Jquery clickevent 不工作

Question

我正在使用循环函数将一些元素填充到 div 中。该 div 的每个元素都有 onClick 函数。问题是 onclick 函数没有触发。

这是我的代码:

var Source = "#boxcard"; 
var ImgSource = [

  "http://icons.iconarchive.com/icons/martin-berube/sport/96/Volleyball-icon.png",
  "http://icons.iconarchive.com/icons/reclusekc/kulo/96/Skull-1-icon.png"

];
function OpenCard() {

    var id = $(this).attr("id");
    alert (id);
}
for (var y = 1; y < 3 ; y++) {
    $.each(ImgSource, function(i, val) {
        $(Source).append("<div class='flipper' id='flipper" + y + i + "'> <div class='front'></div><div class='back'><img src=" + val + " /></div></div>");
        $("flipper" + y + i).click(OpenCard);

    });
}

Answer 1

您的变量名中缺少前导 #:

$("#flipper" + y + i).click(OpenCard);

[编辑]

此外，正如有人在评论中建议的那样，您可以在完成迭代后简单地使用类名:

$(".flipper").click(OpenCard);