加载其他信息后重新初始化jQuery

Question

我有一个我可以选择的项目列表，但是当我追加其他项目时，无法选择新项目。

HTML

<ul id="list">
    <li attrit="AddInfo">item 1</li>
    <li attrit="MoreInfo">item 2</li>
</ul>
<button id="ud">update</button>

JQuery的

$(document).ready(function() {
  $('#ud').click(function() {
    $.post("page", function(data){
      $('#list').append(data);
    });
  });
  $('#list ul').click(function(){
    $(this).addClass("selected").siblings().removeClass("selected");
  });
});

我无法选择加载初始页面后附加的任何项目。

解决这个问题的最佳方法是什么？

Answer 1

每次都像这样重新定义动作监听器：

$(document).ready(function() {
  $('#ud').click(function() {
    $.post("page", function(data){
      $('#list').append(data);
      $('#list ul').click(function(){
        $(this).addClass("selected").siblings().removeClass("selected");
      });
    });
  });
  $('#list ul').click(function(){
    $(this).addClass("selected").siblings().removeClass("selected");
  });
});