jquery - 无法在动态创建的图像上捕获点击事件

Question

Joomla 模块中有一行图像，我单击一个，然后我有一个 jQuery click 事件打开第二个模块，该模块具有动态创建的一行图像。没有页面刷新。新创建的行格式如下：

<img class="newmanugroup" data-manu="companyA" src="images/logos/companyA.png">
<img class="newmanugroup" data-manu="companyB" src="images/logos/companyB.png">
<img class="newmanugroup" data-manu="companyC" src="images/logos/companyC.png"> 

这个小图像数组显示在 Chrome 的 Inspect Element 中，位于一个漂亮的小 Joomla<div id="prodgroup">中。我可以从#prodgroup 获得一个jQuery 点击结果，这对我没有好处。但是上面显示的我想点击的图像数组显示在屏幕上，但没有显示在页面源中。哇？？？如果它在屏幕上，该数组不应该在 DOM 中，我不应该能够获得点击事件吗？这一切都是因为我没有刷新页面吗？我什至不知道如何开始处理这个问题。

Answer 1

您需要event delegationwith.on()处理程序：

$(document).on('click', '.newmanugroup', function(){
   alert('Do Something.');
});