Javascript 追加动态内容后onclick不起作用

但问题是，当我在ajax调用后使用append添加更多li时。那么李昂斯里克就不行了。在这种情况下，append元素不能调用click函数，尽管它在HTML中存在。我怎样才能让它工作

试试这个：

  $(".demo_restaurant li span").on("click", function (argument) {
     alert($(this).attr('id'));  
  });

说明：

当元素被动态添加到DOM中时，您需要 告诉jQuery侦听最近的父级上发生的事件 当你的处理程序被绑定的时候。（请注意，它还可以与任何其他父项一起使用，直到

文档

，但它的优化程度要低得多。）

另一种方法是每次添加新内容时将处理程序绑定到添加的DOM。

尝试以下方法：

  $(".demo_restaurant li span").on("click", function (argument) {
     alert($(this).attr('id'));  
  });

说明：

当元素被动态添加到DOM中时，您需要 告诉jQuery侦听最近的父级上发生的事件 当你的处理程序被绑定的时候。（请注意，它还可以与任何其他父项一起使用，直到

文档

，但它的优化程度要低得多。）

另一种方法是每次添加新内容时将处理程序绑定到添加的DOM

  $('.demo_restaurant').on('click', 'li span', function(argument) {
     alert($(this).attr('id'));  
  });