Question

美好的一天！我正在使用jQuery Tablesorter在表中进行分页。但是，在完成了here之后，我的表仍然没有分页。当我更改限制时，表中的行数不会改变。我正在使用Play Framework btw。

<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>

请帮我解决这个问题。非常感谢你！

编辑：
我刚刚在Uncaught TypeError: undefined is not a function行中看到了此错误.tablesorter。

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

Answer 1

<强>小提琴：

<强> http://jsfiddle.net/XZP6R/9/

按顺序包含js：

最新的jquery
tablesorter js
tablesorter pagination js

遵循寻呼机的确切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实例会创建此错误。请删除重复的实例。

分页将无法使用jQuery

1 个答案: