如何通过JSON

Question

以下部分代码效果很好：

<div id="newsListDiv">
  News: <br /><br />
  <ul id="newsList">
    <li id="0">
      News 1
    </li>
    <li id="1">
      News 2
    </li>
    <li id="2">
      News 3
    </li>
  </ul>
</div>
<script>
  $("#newsList li").click(function () {
    alert($(this).attr("id"));
  });
</script>

但是如果我评论UL并且我通过JSON加载它，那个返回列表项ID的脚本似乎不起作用。 这里有一个例子：http://jsfiddle.net/tLrjbquq/1/

任何人都可以帮助我吗？ 提前谢谢。

Answer 1

目前您使用的是“直接”绑定，它只会在您的代码进行事件绑定调用时附加到页面上存在的元素。

在动态生成元素时，您需要使用Event Delegation委托事件方法.on()。

一般语法

$(staticParentSelector).on('event','selector',callback_function)

实施例

$("#newsList ").on('click', 'li', function () {
    alert("ID --> " + $(this).attr("id"));
});

Fiddle