如何在圖片上動態添加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);
 }

在winodw.onload上調用函數create ，而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'));
});