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"); });