Question

我动态创建一个div然后我会点击其中一个并显示警告。但事实并非如此。 div正在进入另一个将他们聚集在一起的大屁股;如果我点击大div就可以了，但是如果我改变点击事件就不会去了。

Big div：

<div id="combination"> </div>

使用此功能，我创建动态div（combinationCardID中包含我希望在此div中显示的图像ID）： function showCombinationCard（）{

var i, j;
        for (i=0; i<combinationCardID.length; i++) {
            $("#combination").append("<div id='c" + i + "' class='combcard'> </div>");
            for (j=0; j<combinationCardID[i].length; j++) {
                var image = $("#" + combinationCardID[i][j]).children("img").clone();
                $("#c" + i).append(image);
                $("#c" + i).append("  ");
            }
        }

这是点击事件（如果我用#combination更改.combcard就可以了，但这不是）：

$(".combcard").click(function() {
        divID = $(this).attr("id"); 
        alert("ok" + divID);
})

Answer 1

使用event delegation

$("#combination").on('click', '.combcard', function() {
        divID = $(this).attr("id"); 
        alert("ok" + divID);
})

单击div动态创建

1 个答案: