javascript - 如何用新的html替换元素内容而不丢失javascript功能？

Question

我正在尝试用新的 html 替换 $('#product_blocks') 的内容，同时保留类似元素 id 上的 jQuery 监听器事件。

var thenewhtml= '<div id="clickme">hello this text will be replace on click</div>';

$('#product_blocks').html(thenewhtml);

jquery 事件:

$( "#clickme" ).click(function() {

$("#clickme").html("yayImChanged");

});

但是我的问题是，一旦我用新的html替换#products_block，$("#clickme")就不起作用了..不会继续到新的html...这就是我想要解决的问题。

Answer 1

您可以使用 jQuery .on() 方法签名来定义事件处理程序，例如

$(document).on('click', '#userclickedhere', yourClickHandlerFunction);

jQuery .on() doc

更新的答案: 它仍然有效。

$(document).on('click', '#clickme', function(e) {
  $(this).html("yayImChanged");
});

Here is a CodePen demo