只有一个动态生成的链接是可点击的

时间:2017-09-22 19:04:50

标签: jquery html

我在页面上动态生成了链接。我想要的是当我点击任何链接时,应该使用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');
});

1 个答案:

答案 0 :(得分:0)

你应该实现这样的东西(假设接下来的两个div.msg元素是动态创建的):

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