【问题标题】: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" width="100%">

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

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

  1. jquery
  2. index.html

jquery文件夹下的文件是

  1. jquery-latest.js
  2. jquery.metadata.js
  3. jquery.tablesorter.js
  4. 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 脚本

标签: javascript jquery jquery-plugins 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
猜你喜欢
  • 1970-01-01
  • 2018-11-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多