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