jQuery: таблица не работает с таблицей, загруженной с помощью jquery load () - PullRequest
Новая
       9

jQuery: таблица не работает с таблицей, загруженной с помощью jquery load ()

0 голосов
/ 08 ноября 2018

Я пытаюсь использовать jquery tableorter для таблиц, которые загружаются динамически. Но, хотя сортировщик таблиц отлично работает в статической таблице, я не могу заставить его работать в загруженной таблице.

Я попытался вызвать tablesorter () после load (), а также вызвать его в функции обратного вызова load (), в соответствии с ответом на аналогичный вопрос, размещенный здесь. Но ни один из них не работает.

Это пример того, что я делаю: 

<html><head></head>
<body>
    <!-- First table gets sorted properly -->
    <table id="firstTable">
        <thead><tr><th>Name</th><th>Number</th></tr></thead>
        <tbody><tr><td>John</td><td>100</td></tr><tr><td>Paul</td><td>200</td></tr></tbody>
    </table>

    <!-- Second table where the sort doesn't work -->
    <div id="secondTable"></div>

    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.tablesorter.min.js"></script>
    <script>
        $(function($){
            $("#firstTable").tablesorter(); 

            $("#secondTable").load("secondtable.html", callback);

            function callback() {
                $("#secondTable").tablesorter();
            }
        });
    </script>
</body></html>

А также содержимое файла secondtable.html: 

<table id="secondTable">
    <thead><tr><th>Name</th><th>Number</th></tr></thead>
    <tbody><tr><td>Steve</td><td>500</td></tr><tr><td>Alice</td><td>800</td></tr></tbody>
</table>
...