Bootstrap Table: data-href не работает после повторной сортировки

Я использую таблицу Bootstrap 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


bootstrap-table
person astoun    schedule 12.10.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я сам нашел решение :) Таблица должна быть включена в элемент div, т.е. class="mytable". Затем jquery следует изменить следующим образом:

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

Затем функция найдет строку после повторной сортировки.

person astoun    schedule 12.10.2017