分頁將無法使用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的情況下創建此錯誤。請刪除重複的實例。