javascript - 在保留脚本功能的同时禁用与 jQuery 的链接

Question

我有一个可点击链接表，其中每个链接也是可点击的，指向与标签TR中相同的链接。A

我遇到了点击A标签会导致两个窗口打开的问题，两个窗口都指向同一个链接。如果我禁用A标签，当我点击链接时，脚本TR不会运行。

<table class="dataTable">
<tbody>
    <tr class="odd">
        <td class=" sorting_1">
            <strong>
                <a href="http://www.google.ca/" target="_blank">Form1</a>
            </strong> - [HTML]
            <br /><span class="contentSummary"> form 1 summary</span>
        </td>
    </tr>
</tbody>

单击禁用的A标签时是否可以运行脚本？

$('.dataTable a').click(function() {
    return false;
});

$('.dataTable tbody tr').click(function () {
    var url = $(this).find('a').attr('href');
    window.open(url);
}).hover(function () {
    $(this).toggleClass('hover');
});

jsfiddle示例代码在这里

Answer 1

看到您的 tr 是可点击的并处理事件，我会将文本设置为看起来像链接。

一起删除 a 标签

<span class="faux_link">Your Link Text</span>

使用 text-decoration: underline 和任何你想要的链接属性来设置它的样式

然后稍微改变你的 tr 以包含你需要的链接数据

<tr data-link="yourdestination.html">

然后稍微改变你的javascript

$('.dataTable tbody tr').click(function () {
    var url = $(this).data('link'); //this right here
    window.open(url);
}).hover(function () {
    $(this).toggleClass('hover');
});