<分区>
<分区>
我有一个表,其中每个 <tr>
链接到另一个页面。
这是我用来存档的代码。
表:
<tbody>
<tr class="td-link" data-href="/invoice/preview/207/">
<td>#14000059</td>
<td>
<a class="kt_ajax_link" data-invoiceid="207" data-csrf-token="43e848a61f3dadedc182a1454c8070550e4f275fe83d53ef1ac9f961281f1ba4" data-action="/invoice/delete/"><i class="fa fa-trash-alt"></i></a>
</td>
</tr>
</tbody>
jQuery
$(".td-link").click(function() {
window.location = $(this).data("href");
});
我怎样才能建立链接<a>
在表格内部工作,而不触发 jQuery 链接?
我试过 z-index
,但无法正常工作。
有什么建议吗?
最佳答案
您可以阻止点击事件传播到 <tr/>
通过将此属性添加到 <a>
标签:onclick="event.stopPropagation();"
.
更多信息在这里:https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation
编辑:并不是要窃取穆罕默德的评论。如果他发布他的答案将删除 🙂
关于jquery - 如何使 <a> 在可点击的 <tr> 中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56298311/