在jquery中添加一个新图像并使其可单击

Question

我试图在jquery中添加一个图像然后使其可点击我已经在下面编写了以下代码,但它不起作用.

它会添加图像,但不会使其可点击.

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


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

Answer 1

如果您希望具有特定类的元素始终响应click事件,则需要使用jQuery的方法之一来执行此操作.如果你只是使用click(),你基本上是告诉jQuery来该事件侦听器只适用于与该类元素,现在,而不是为现在和未来的每个元素.为此,jQuery有这样的on()方法:

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

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

编辑:我还应该提一下这个delegate()方法,以防你在这样做时发现更多的价值:

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