Question

我正在使用Bootstrap Table http://bootstrap-table.wenzhixin.net.cn/

表中的所有行都与data-href =链接。在加载表之后，所有链接都能正常工作，但是当我对表重新排序时（即单击“URL”列标题），链接不再起作用。任何想法如何解决它？

这是一个测试代码：

<table class="table" id="lst_art_adm"
                        data-toggle="table"
                        data-striped="true"
                        data-search="true"
                        data-sort-name="site"
                        data-sort-order="asc"
                        data-mobile-responsive="true"
                        mobileResponsive="true">
    <thead>
    <tr>
                <th data-field="site" data-sortable="true">Site</th>
                <th data-field="url" data-sortable="true">URL</th>
    </tr>
    </thead>
    <tbody>
    <tr id="tr-id-1" class="mrow" data-href="https://google.com">
        <td id="td-id-1" data-sortable="true">Google</td>
        <td>google.com</td>
    </tr>
    <tr id="tr-id-2" class="mrow" data-href="https://yahoo.com">
        <td id="td-id-2" data-sortable="true">Yahoo</td>
        <td>yahoo.com</td>
    </tr>
    </tbody>
</table>

$(function(){
     $(".mrow").on("click", function (e) {
          window.location = $(this).data("href");
     });
});

jsfiddle

Answer 1

我自己找到了一个解决方案:) 该表必须包含在div元素中，即class =＆＃34; mytable＆＃34;。那么jquery应该像这样改变：

$(function(){
     $(".mytable").on("click", ".table tbody tr", function() 
          window.location = $(this).data("href");
     });
});

然后该函数将在重新排序后找到该行。

引导表：重新排序后，data-href不起作用

1 个答案: