未捕获的TypeError：对象[object Object]没有方法'tablesorter'

Question

我正在尝试进行jQuery分页工作，并且我包含了触发它的这个javascript文件。

<script src="<?php echo SITE_URL?>/lib/js/jquery.tablesorter.pager.js" type="text/javascript"> </script>

Chrome会显示文件已加载，但分页点击不起作用。我进入控制台，我得到这个恼人的小错误，我不知道如何解决。课程在那里：/

这是带有类的HTML

<table id="tabledlist" class="tablesorter" width="920px" align="left" cellpadding="3" cellspacing="0" border="0">
..thead, th, tbody, tr, td and so on...
</table>

<div align="right" id="pager" class="pager">
    <form>
            <img src="<?php echo SITE_URL?>/lib/skins/flyeuro/images/pagination/first.png" class="first" />
            <img src="<?php echo SITE_URL?>/lib/skins/flyeuro/images/pagination/prev.png" class="prev" />
            <input align="middle" type="text" class="pagedisplay" size="5"/>
            <img src="<?php echo SITE_URL?>/lib/skins/flyeuro/images/pagination/next.png" class="next" />
            <img src="<?php echo SITE_URL?>/lib/skins/flyeuro/images/pagination/last.png" class="last" />
    </form>
</div>

就在它下面，我把它包括在内......

<script defer="defer">
    $(document).ready(function() 
    { 
            $("#tabledlist")
            .tablesorter({widthFixed: true, widgets: ['zebra']})
            .tablesorterPager({container: $("#pager")}); 
    } 
    ); 
</script>

有什么想法吗？

Answer 1

由于jQuery抱怨tablesorter不是有效的方法，这意味着tablesorter插件似乎没有包含/加载。

需要jQuery tablesorter插件才能使用其pager插件。为此，请访问文档并滚动到“下载”部分：http://tablesorter.com/docs/。可以下载tablesorter以及pager插件和其他一些内容。

然后您需要将脚本包含在这样的内容中，具体取决于您保存的文件名，但最重要的是按此顺序：

<script src="<?php echo SITE_URL?>/lib/js/jquery.js" type="text/javascript"> </script>
<script src="<?php echo SITE_URL?>/lib/js/jquery.tablesorter.js" type="text/javascript"> </script>
<script src="<?php echo SITE_URL?>/lib/js/jquery.tablesorter.pager.js" type="text/javascript"></script>

从那里，你可以在jQuery对象上使用.tablesorter()方法。