分页将无法使用jQuery

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为了：

1. 最新的jQuery
2. 的tablesorter JS
3. 的tablesorter分页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的情况下创建此错误。请删除重复的实例。