Javascript jQuery-表排序器不工作

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

我似乎不明白为什么TableSorterjQuery插件似乎不起作用。我已经包括了JavaScript文件和css文件(虽然不是必需的),并对其进行了初始化。有什么想法吗

<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循环中包含了一些内容,导致无法执行排序。典型的!我不会再犯那种错误了。。再次感谢