排序表时禁用<a>单击

时间:2019-09-17 12:01:30

标签: jquery tablesorter

$("#moduleTable").tablesorter();

<table id="moduleTable">
    <thead>
        <tr>
            <th><a href="http://google.com">Foo</a></th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>Bar</td>
        </tr>
    </tbody>
</table>

如何防止锚定点击触发重定向到google.com?我无法更改html结构。

我试图用类似的方式

        $("#moduleTable").tablesorter({
            'selectorSort': 'a'
        })  .bind("sortStart",function(e) {
            e.preventDefault();
        });

似乎无效。

1 个答案:

答案 0 :(得分:1)

找到了一个简单的解决方案

            $("#moduleTable").tablesorter({
                initialized : function(table) {
                    $('thead a', table).click(function(e) {
                        e.preventDefault();
                    });
                }
            });