从li中获取价值动态创建

Question

我想从我创建的动态LI中获取值.

我找到了这个答案,解释了如何正常使用它.

这是我的代码.这对我在LI上的两个元素非常有用.

<ul class="nav nav-pills nav-stacked" id="listPreReq" style="height: 200px; overflow: auto" role="menu">
  <li class="active"><a href="#">Action</a></li>
  <li><a href="#">Another action</a></li>
</ul>


$("#listPreReq li").click(function() {    
 alert($(this).html());  
});

但是我有这个选项可以向LI添加更多元素.我添加的所有新元素,它们都不会触发$("#listPreReq li").click事件.不知道为什么.这是一个演示.

$('#btPre').click(function(e) {
  var Psize= $("#listPreReq").find("li");
  Psize = Psize.size()+1;
  $("#listPreReq").append('<li><a href="#">Page '+Psize+'</a></li>');
});

Answer 1

解决方案演示

您可以将事件绑定到以下内容,而不是将事件绑定到文档ul:

$("#listPreReq").on('click', 'li', function() {    
    alert($(this).html());  
});

看看活动授权.