Question

我动态地向页面添加了图像，现在我需要为此图像添加一些功能。我需要为每个图片添加点击事件。

这是添加图像的代码（它在一个也是动态创建的表中）：

for (var i = 0; i < numOfCandidates; i++) {
    var url = "/images/user"+(i+1) + ".png";
    cell23 = $('<td width=cellWidth + "%" align="center" style="height:60%"></td>').html( '<img id="img'+(i+1)+'" src="' + url + '">');
    row23.append(cell23);
}

有没有办法为添加的图片添加带有jquery的click事件？

Answer 1

在创建图像时为图像提供一个类并使用事件委托.on（）

$(document).on('click','.myClass',function(){
     //function
});

Documentation

Answer 2

 for (var i = 0; i < numOfCandidates; i++) {
      var url = "/images/user"+(i+1) + ".png";
      cell23 = $('<td width=cellWidth + "%" align="center" style="height:60%"></td>').html( '<img id="img'+(i+1)+'" src="' + url + '">');
      row23.append(cell23);
      $('#img'+(i+1)).click(function(){})
 }

动态创建的图像的jquery函数

2 个答案: