只有一个动态生成的链接可点击
问题描述:
我已在我的页面上动态生成链接。我想要的是当我点击任何链接时,应该使用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');
});
答
你应该实现这样的事情(假设未来两年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"));
});
代码中只有一个链接,所以只有第一个链接将工作,因为没有其他链接。 –
我猜你在复制身份证。 ID **必须是唯一的 – j08691
为什么不直接使用该href? – Maantje