如何动态地在图像上添加onclick事件

Question

我使用jQuery动态创建具有onclick属性的图像

 function create() {
     divElem    = $("<div class='row'>");
     $('#bankList').append(divElem);
     elem = $("<div class='col-sm-3', style='height:110px'>");
     image = $("<img style=' max-width:90%'>");
     var imageFile = '${pageContext.request.contextPath}/images/' + prop[j];
     image.attr('src', imageFile);
     image.attr('id',prop[j]);
     image.on("click",submitForm(this.id));
     elem.append(image);
     divElem.prepend(elem);
 }

create上调用了函数winodw.onload，而submit form仅调用onload。它应该在点击图像时被调用

Answer 1

您的事件处理程序错误。您可以改为提供匿名处理函数：

image.on("click",function() {
  submitForm(this.id);
});

请参阅.on方法文档中的详细信息。

Answer 2

你可以在文件上添加img onClick功能

$(document).on('click', 'img', function() {
    alert('Click on Image id: '+$(this).attr('id'));
});