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

Question

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

它btnRemoveItem是由jQuery开始添加之后不会触发的事件.

$('#btnAddStore').on('click', function(){
  (...)
  $.ajax({
    success: (function(result) {
      (...)
      var li = jQuery('<li/>', {
          'id': object['id']
         }).append('<span title="Remove item from list" class="btnRemoveItem"></span>')
           .append('<span class="text">' + name_adr[0] + '</span>')
           .append('<span class="address">' + name_adr[1] + '</span>');

      $(li).appendTo('#'+ country + ' ul');
    }
  });
});

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

Answer 1

用.on()这种方式

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