表格排序器是不是可以在没有 CSS 的情况下工作？

Posted 2023-05-09

【中文标题】表格排序器是不是可以在没有 CSS 的情况下工作？

【英文标题】：Does table sorter work without CSS?表格排序器是否可以在没有 CSS 的情况下工作？

【发布时间】：2014-11-17 09:30:00

【问题描述】：

我的主机根目录中有一个文件夹“test”。我从http://tablesorter.com 下载了一个排序插件，并在我创建的“测试”文件夹中上传了“jquery”文件夹。然后我在'test'文件夹的index.html文件中做了一个html表。

我在 head 标签内输入了以下内容

<script type="text/javascript" src="jquery/jquery-latest.js"></script> 
<script type="text/javascript" src="jquery/jquery.tablesorter.js"></script>

然后我在head标签中输入了以下脚本

<script>
    $(document).ready(function() 
         
            $("#myTable").tablesorter();
         
    ); 
</script>

在我输入的表格中

<table id="myTable" class="tablesorter" border="1" >

分拣机仍然无法工作...据我所知，我遵循了正确的指示。我做错了什么？

我的路径是 public_html/mydomain.com/test test文件夹下的文件是

jquery index.html

jquery文件夹下的文件是

jquery-latest.js jquery.metadata.js jquery.tablesorter.js jquery.tablesorter.min.js

在玩了一段时间的代码后，我发现了问题。我下载了一个引导模板并在其中添加了一个表格，在底部，就在 /body 标记之前有 3 条路径

<script src="./js/jquery-1.10.0.min.js"></script> 
<script src="./js/bootstrap/js/bootstrap.min.js"></script> 
<script src="./js/script.js"></script> 

如果我删除它，分拣机会工作，但网站会停止工作。有什么想法？？？

【问题讨论】：

和你描述的一样有效here（复制自tablesorder.com demos），在包含jquery和tablesorter插件时检查你是否有正确的路径

即使我很困惑，这让我发疯。我检查了路径，据我所知，它都是正确的。我已经用路径更新了我原来的问题。我所做的唯一额外的事情是添加了我的 css 样式。请帮帮我。

我发现了问题并编辑了我的问题。仍然没有解决方案:(

@paulitto 谢谢...我已经理解了整个 tablesorter 脚本

【参考方案1】：

我在路径上做了很多杂耍，虽然我不明白其中的逻辑，但它奏效了。

这就是我所做的

我在 head 标签中保留了以下内容

<script type="text/javascript" src="jquery/jquery-latest.js"></script> 
<script type="text/javascript" src="jquery/jquery.tablesorter.js"></script> 

我在 /body 结束标记之前又保留了一个以下实例

<script type="text/javascript" src="./js/jquery-latest.js"></script> 
<script type="text/javascript" src="./js/jquery.tablesorter.js"></script> 

并将这两个文件放在文件夹 /jquery 和网站模板中包含的默认 /js 文件夹中

呼！

【讨论】：

我认为您可能遇到了 javascript 错误。我记得原来的 tablesorter 使用 $.browser，它是 removed in jQuery v1.9。所以要么使用旧版本的jQuery，要么切换到我的fork of tablesorter