jquery - 在 jquery 中添加新图像并使其可点击

Question

我正在尝试在 jquery 中添加图像，然后使其可点击，我在下面编写了以下代码，但它不起作用。

它添加了图像，但不会使其可点击。

 $(".HeaderGifs").click(function() { 
 alert("It Works");
 }); 


 $("#show_images").val()).append("<img class='HeaderGifs' src='images/text.jpg'></img>");

Answer 1

如果您希望具有特定类的元素始终响应单击事件，则需要使用 jQuery 的方法之一来执行此操作。当您只使用 click() 时，您基本上是在告诉 jQuery 仅将事件监听器应用于当前具有该类的元素，而不是当前和 future 的每个元素。为此，jQuery 有 on() 方法:

$('.HeaderGifs').on('click', function() {....}

http://api.jquery.com/on/

编辑:我还应该提到 delegate() 方法，以防万一您发现这样做更有值(value):

http://api.jquery.com/delegate/