1

我正在尝试使 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>

有任何想法吗？

4

1 回答 1

2

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

需要jQuerytablesorter插件才能使用其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>

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

于 2013-02-26T23:03:32.643 回答