Jquery点击事件无效

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);