jquery - jQuery，输入按钮在标记中起作用，但在前置时不起作用？

Question

我必须按钮，图像输入在这样的标记中可以正常工作，

<input type="image" class="play" src="images/play.png" />
<input type="image" class="pause" src="images/pause.png" />

但是一旦我尝试将它添加到生成的前面，它们仍然会出现，但是点击功能不再起作用。

$('.gallery-nav').prepend('<input type="image" class="play" src="images/play.png" /><input type="image" class="pause" src="images/pause.png" />');

知道为什么吗？谢谢你。

Answer 1

尝试使用实时而不是点击。

live：将处理程序附加到与当前选择器匹配的所有元素的事件，现在或将来。

$("input.play").live("click", function(){
    // write your code here
});

Answer 2

尝试使用live()方法：

// for play button
$('.play').live('click', function(){
  // your code
});

// for pause button
$('.pause').live('click', function(){
  // your code
});

Answer 3

$('.mydivClass').prepend('<a href="#" id="btnLINK">OK</a>');

$('#btnLINK').live("click",function() { 
    alert ("EUREKA")
    return false;
});