无法捕获动态创建的图像上的单击事件

时间:2013-02-18 17:22:17

标签: jquery events click refresh

在Joomla模块中有一行图像,我点击一个,我有一个jQuery点击事件打开第二个模块,其中有一行动态创建的图像。没有页面刷新。新创建的行的格式如下:

<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点击结果,这对我来说没有任何好处。但是我想点击的上面显示的图像数组显示在屏幕上但不显示在页面源中。 Whaaa ???如果它在屏幕上,那不应该在DOM中,并且我不应该能够获得点击事件吗?这是因为我还没有刷新页面吗?我甚至不知道如何开始接近这个。

1 个答案:

答案 0 :(得分:3)

您需要event delegation.on()处理程序:

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