jQuery不适用于附加数据

Question

<ul id="myul">
<li id="myli1"></li>
<li id="myli2"></li>
<li id="myli3"></li>
.
.
.
.
<li id="myli15"></li>
</ul>

假设我有 ul 并且我有一些jquery方法用于所有myli选择并且一切正常。

但是当我用我的加载更多方法将新li添加到myul时，新的li内容的ajax按钮不起作用，但旧的li内容的按钮仍在工作。

你能告诉我一些参考或解决方法吗？我不知道，我不知道如何搜索这个问题。

Answer 1

这称为委托事件。 您只为父级（ ul ）分配一个事件监听器，并且jQuery会为您检查事件目标 li 。

$('ul').on('click', 'li', function() {
  var $li = $(this);

  //do stuff with li on click
});