JQuery onclick没有为页面上的链接运行

Question

<li class="ui-li ui-li-static ui-body-c">
    <p class="ui-li-aside ui-li-desc"></p>
    <span id="122"></span>
    <h3 class="ui-li-heading"></h3>
    <p class="ui-li-desc"></p>
    <p class="ui-li-desc"><a class="ui-link">Report</a></p>
</li>

所以我在页面加载时动态地将一堆这些列表项添加到我的JQuery移动页面。随着页面的启动，我也每隔5秒刷新一次。

如果你点击Report链接，我想执行点击功能（虽然这可能会让你有点不知所措？），所以我有这个代码来做：

$('a.ui-link').click(function(){
    alert('report');
});

但是当我点击它时，我没有收到任何警报。

我将如何做到这一点？

谢谢！

Answer 1

使用live()方法将处理程序附加到与选择器匹配的动态添加元素：

$("a.ui-link").live("click", function(){ alert("report"); });

如果a.ul-links是具有id的特定元素的子元素，则可以使用delegate()方法来获得更好的效果：

$("#parent").delegate("a.ui-link". "click", function(){ alert("report"); });