jquery - 如何使 <a> 在可点击的 <tr> 中工作

标签 jquery html css

<分区>

我有一个表,其中每个 <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/

上一篇:javascript - react 数据网格行在动态提供高度时消失

下一篇:css - 向 Angular 自定义组件添加样式

相关文章:

javascript - 选择并显示 JSON 数组中选定的值范围

html - 交响乐 : Overload helpers?

css - 内容向下滚动时粘性导航栏

javascript - Bootstrap JavaScript 滚动问题

javascript - 容器 div 上的 bootstrap 3 popover

javascript - 视差定位问题 Bootstrap 4

javascript - JQuery 事件应该更改 iframe 的 src

css - 更改韩文字体样式

javascript - 动画 div 但保持高度动态

javascript - 如何使用 jQuery 为文本链接设置动画?