使用jQuery无法进行分页

Pagination won't work using jQuery

本文关键字：分页 jQuery 使用      更新时间：2023-09-26

大家好!我正在使用jQuery Tablesorter在表中进行分页。但是，在执行了这里所做的操作之后，我的表仍然不会分页。当我改变这个限制时，表中的行数不会改变。顺便说一句，我使用的是Play Framework。

<link rel="stylesheet" href="/assets/stylesheets/style.css" type="text/css" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="/assets/javascripts/jquery.tablesorter.js"></script>
<script type="text/javascript" src="//tablesorter.com/addons/pager/jquery.tablesorter.pager.js"></script> 
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

请帮我弄清楚。非常感谢!

编辑:


我刚刚在.tablesorter行看到了Uncaught TypeError: undefined is not a function这个错误。

Uncaught TypeError: undefined is not a function viewTags:24
(anonymous function) viewTags:24
fire jquery-1.10.2.js:3048
self.fireWith jquery-1.10.2.js:3160
jQuery.extend.ready jquery-1.10.2.js:433
completed

小提琴:

http://jsfiddle.net/XZP6R/9/

按顺序包含js:

    最新jquery
  2. tablesorter js

按照page 的html语法:

像这样: 

<div id="pager" class="pager">
    <form>
        <img src="../addons/pager/icons/first.png" class="first"/>
        <img src="../addons/pager/icons/prev.png" class="prev"/>
        <input type="text" class="pagedisplay"/>
        <img src="../addons/pager/icons/next.png" class="next"/>
        <img src="../addons/pager/icons/last.png" class="last"/>
        <select class="pagesize">
            <option selected="selected"  value="5">5</option>
            <option value="10">10</option>
            <option value="20">20</option>
            <option  value="40">40</option>
        </select>
    </form>
</div>

这是按照文档的正常方式，它工作得很好:

$(document).ready(function() { 
    $("table") 
    .tablesorter({widthFixed: true, widgets: ['zebra'] }) 
    .tablesorterPager({container: $("#pager"),size:5}); 
});

注意:

多个jquery实例在同一页面产生此错误。请删除重复的实例

相关文章：