ajax调用后，Jquery表排序器无法对某些列进行排序

Question

我正在努力解决这个问题：

1. 我有一个使用 jquery 表排序器排序的 html 表。
2. 当按下“搜索”按钮时，我使用 ajax 从 php-script 获取整个表。
3. 按下“Searh”按钮时，我有搜索选项传递给 php 代码。
4. 完成新搜索后，我删除了整个表格，并将新表格附加到文档中。
5. 我在搜索和追加完成后调用 tablesorter。
6. 我要排序的列中的一些数据只是：'-' 来标记未命名，而一些是公司名称。

问题：

1. 当所有的搜索选项都是默认的，这意味着所有的行都被提取了，tablesorter 工作得很好。如果我给一个搜索选项，无论它是什么，tablesorter 都无法对某些列进行排序。
2. 搜索选项仅影响将哪些行提取到表中，不影响其他任何内容。
3. 奇怪的是，在我的本地测试 WAMP 服务器中，它每次都能正常工作，但在远程服务器中却是这样。
4. 更奇怪的是，如果我选择多个搜索选项，它会再次起作用。
5. “-”标记似乎对排序没有任何负面影响。
6. 共有三列开始以这种方式运行，并且所有列都只有文本数据。
7. 并非所有列都彼此相邻。
8. 其他包含文本、数字等的列都可以正常工作。

获取表格的代码：

$.ajax({
        url:"includes/getfromdb.php",
        type: "POST",
        data: $("#usersearchform").serialize(),
        success:function(result){
            $("#custresults").empty(); // container for the results
            $("#custresults").append(result);
            $("#customertable").tablesorter();
        },
        error: function(err) {
            alert(err);
        }
    });

这在我的 WAMP 服务器上有效，而不是在代码的最终休息地远程服务器上，这可能意味着存在一些配置问题或类似问题..？或者你怎么看？

我不知道我现在可以提供哪些其他详细信息，因此如有必要，我会添加更多信息。

更新 17.9.14-08.16 更多细节。 php生成的表没有数据，只有结构：

<div id="custresults" class="results">

<table id="customertable" class="tablesorter">
    <thead>
        <tr class="nohower">
            <th class="smalltd header"></th>
            <th class="header"></th>
            <th class="header"></th>
            <th class="header"></th>
            <th class="header"></th>
            <th class="header"></th>
            <th class="header"></th>
            <th class="header"></th>
            <th class="header"></th>
            <th class="header"></th>
            <th class="header"></th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

</div>

当然还有更多。 tr:s 和 td:s。那里的正常结构。 我已经尝试触发更新，但它对我不起作用。我认为这是因为整个表被删除然后再次创建，而不是仅仅更新它。

Answer 1

好的，我刚想出来这个。

服务器上的数据在某些列中具有“-”作为该列中的第一项。表格排序器将此视为减号或其他内容，因为调试器将该列标识为数字，因此无法对其中包含文本的列进行排序。我很傻，我之前在调试器上没有注意到这一点。 感谢您抽出宝贵的时间来处理这个问题。

更新：我没有对表格排序器本身做任何事情，而是去掉了数据中存在的“-”字符，因为这只是我的设计缺陷部分，我能够轻松地更改传入的数据。

Answer 2

如果您可以分享一些生成的 HTML，我可以提供更好的帮助。

根据猜测，我怀疑#custresults 是tbody 的id。因此，如果您只是替换 tbody 的内容，则不应重新初始化 tablesorter。相反，触发更新事件：

// initialize tablesorter outside of the ajax
$("#customertable").tablesorter();

$.ajax({
    url:"includes/getfromdb.php",
    type: "POST",
    data: $("#usersearchform").serialize(),
    success:function(result){
        $("#custresults").empty(); // container for the results
        $("#custresults").append(result);
        // update tablesorter cache
        $("#customertable").trigger('update');
    },
    error: function(err) {
        alert(err);
    }
});