动态创建的内容不绑定jQuery事件

我无法将jQuery事件绑定到动态创建的列表项。

这是btnRemoveItem上的事件，在jQuery开始添加之后没有触发。

 $('#btnAddStore').on('click', function(){ (...) $.ajax({ success: (function(result) { (...) var li = jQuery('
', { 'id': object['id'] }).append('') .append('' + name_adr[0] + '') .append('' + name_adr[1] + ''); $(li).appendTo('#'+ country + ' ul'); } }); }); 

我在这里看了类似的问题，但我没有找到解决我问题的答案。 我在这段代码中遗漏了什么？

Answer 1

以这种方式使用.on()

 $(document).on('click','#btnAddStore', function(){...}); 

Answer 2

试试这个

 $(document).on('click','#btnAddStore', function(){...}); 

$('#btnAddStore').on("scroll", ....)将scroll事件绑定到执行此语句时出现的那些元素，即是否动态添加任何带有类wrapper1的新元素执行此语句后，将不会为这些元素执行事件处理程序。

$(document).on("scroll","#btnAddStore", ...)将向文档对象注册一个事件处理程序，并且只要在元素内发生滚动，就会使用事件冒泡来调用处理程序使用类`wrapper“，因此它将支持动态添加元素。

看这里

Answer 3

使用.on（）使用委托：

 $(document).on('click', '#btnAddStore', function(){...});