只有一個動態生成的鏈接可點擊

Question

我已在我的頁面上動態生成鏈接。我想要的是當我點擊任何鏈接時，應該使用jquery加載另一個頁面。現在發生的事情是，只有第一個鏈接會加載所需的頁面，而其他鏈接不可點擊。如何在下面調整我的代碼，以便點擊時所有鏈接都會加載頁面？

HTML

<div id="msg"></div> 
<td style='text-align:center'> 
<a href='#' id='sub_add'><button class='btn btn-default'>Add</button></a> 
</td> 

jQuery的

$('#sub_add').click(function(){ 
    $('#msg').load('another_page.php'); 
}); 

Answer 1

你應該實現這樣的事情（假設未來兩年div.msg元素被dynamycally創建）：

<div class="msg msg-1"></div> 
<td style="text-align:center"> 
    <a href="#" class="sub_add" data-mgsid="1" data-page="another_page.php"><button class="btn btn-default">Add</button></a> 
</td> 

<div class="msg msg-2"></div> 
<td style="text-align:center"> 
    <a href="#" class="sub_add" data-mgsid="2" data-page="another_page_2.php"><button class="btn btn-default">Add</button></a> 
</td> 

和jQuery：

$(document).on("click", ".sub_add", function(){ 
    $("msg-"+$(this).data("msgid")).load($(this).data("page")); 
});