如何通過JSON

Question

的代碼下面的部分工程，以獲取列表項的id無序列表負載好：

<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