链接行和行内的锚点上的链接

Question

我有一个带有条目的表，并且表的每一行都是可点击的（当您单击该行时，它会转到详细信息页面）。一切都很好，除非事实是如果我把一个锚放在同一行，它会尝试去锚定网址，并在它重定向到行的附加链接后立即。

如何使用jQuery阻止行动？

<tr class="clickable-row" ...>
    <td><a href="..."></a></td>
</tr>

$('.clickable-row').click(function () {
        document.location = "...";
});

Answer 1

使用 stopPropagation （）;停止默认操作

$("a").click(function(e){

e.stopPropagation();

// do ur work
});

  

描述：阻止事件冒泡DOM树，   防止任何父处理程序被通知事件。

Answer 2

如果这是根据您的要求，您可以试试这个。

<a href="#" onclick="myJsFunc();">Run JavaScript Code</a>

了解更多详情： Which "href" value should I use for JavaScript links, "#" or "javascript:void(0)"?