Javascript jQuery-表排序器不工作
我似乎不明白为什么TableSorterjQuery插件似乎不起作用。我已经包括了JavaScript文件和css文件(虽然不是必需的),并对其进行了初始化。有什么想法吗Javascript jQuery-表排序器不工作,javascript,jquery,html,Javascript,Jquery,Html,我似乎不明白为什么TableSorterjQuery插件似乎不起作用。我已经包括了JavaScript文件和css文件(虽然不是必需的),并对其进行了初始化。有什么想法吗 <script type="text/javascript" src="<?php echo $this->getThemePath()?>/js/sortable.js"></script> <script src="http://ajax.googleapis.com/aja
<script type="text/javascript" src="<?php echo $this->getThemePath()?>/js/sortable.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#supplierTable").tablesorter();
});
</script>
<table class="tablesorter table table-striped table-hover table-curved" id="supplierTable" name="supplierTable">
我可以看到您有几个问题:
首先,,
包含JS库的顺序很重要。您必须考虑依赖关系。这意味着您不能先加载依赖于另一个库的库,然后再加载依赖于另一个库的库。在这种情况下,sortable.js依赖于JQuery库,因此必须在之后加载
第二,,
js的文档说明您需要将表分类为“sortable”
所以试试这个:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $this->getThemePath()?>/js/sortable.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#supplierTable").tablesorter();
});
</script>
<table class="tablesorter table table-striped table-hover table-curved sortable" id="supplierTable" name="supplierTable">
加载jQuery TableSorter插件脚本和主题后,需要将加载的主题传递到jQuery.TableSorter
方法中
$(文档).ready(函数(){
$(“#supplierTable”).tablesorter({
//选择通过CSS加载的主题。
主题:"冰",,
//对于提供的单元格数据,默认分拣机将不工作。
标题:{
0:{sorter:'text'},
1:{sorter:'text'},
2:{sorter:'text'}
},
});
});代码>
A、B、C
0.0, 0 1.1, 0 2.2, 0
0.1, 1 1.2, 1 2.0, 1
0.2, 2 1.0, 2 2.1, 2
先放jquery链接,然后再放其他链接..更全面的是:必须先加载jquery api,因为插件脚本依赖于jquery。当您无序加载脚本时,您将收到错误,即“$未定义”。@shri似乎没有什么不同。对不起,我应该重命名该文件,它使用的是jQuery Tablesorter插件。另外,我使用的是concrete5,它已经使用了JQuery插件,所以我实际上不需要这一行。来源:谢谢你非常详尽的回答。这个代码片段确实有效。但是,我通过数据库提取表数据。这是因为他们有文本而不起作用的原因吗?我想更新的主栏是距离,即10.6公里。我再次查看了我的代码。结果是,我在while循环中包含了一些内容,导致无法执行排序。典型的!我不会再犯那种错误了。。再次感谢