Question

在ajax调用之后，我在table-sorter.js中遇到了问题。我创建了一个div，如下所示：

<div id="test"></div>
<input type="button" id="make-table" value="Make Table" />

当我点击ID为＆＃34; make-table＆＃34;的按钮完成页面加载后，将发生一个ajax调用并动态创建一个html表。

现在我想使用table-sortable.js对此表进行排序。

但它不适合我。

我的AJAX通话就在这里：

jQuery("#details-wrapper").on('click', 'tr.match-detail', function() {
        var id = jQuery(this).attr('id');
        var array = id.split("#");
        var round_id = array[0];
        var round_matches_id = array[1];
        var team1_id = array[2];
        var team2_id = array[3];

        jQuery.ajax({
            type: 'POST',   // Adding Post method
            url: XYZ_AJAX_URL, // Including ajax file
            data: {"action": "get_matches_details", "round_id":round_id, "round_matches_id":round_matches_id, "team1_id":team1_id, "team2_id":team2_id}, // Sending data dname to post_word_count function.
            success: function(data){ // Show returned data using the function.
                data = removeZeros(data);
                jQuery("#round-matches-table").remove();
                jQuery("#details-wrapper").html(data);
                jQuery(".team2_details").hide();
                jQuery( "#details-wrapper" ).scroll();
                jQuery("#matches-details-table").tableSorter();
            }
        });
    });

请指导我。

提前致谢

Answer 1

在您注入表格后以及每次更改或删除并重新添加行时，您需要再次调用$（＆＃34;＃mytable＆＃34;。）tablesorter（）。

Answer 2

在js错误之后（你可以在控制台中看到它），所有js都停止工作。检查您的错误并修复它们。
如果你绑定了一些对象并更改它们，你应该在ajax更新后重新绑定它们。

在ajax调用之后，tablesorter.js无法正常工作

2 个答案: