2015-02-10 47 views
0

我想使用分頁功能設置初始頁面大小,但它不起作用。這裏是我的JavaScript和HTML。表分揀機初始頁面大小不起作用

<link rel="stylesheet" href="/static/javascript/themes/blue/style.css" type="text/css" media="print, projection, screen" /> 
<script type="text/javascript" src="/static/javascript/jquery-1.11.2.min.js"></script> 
<script type="text/javascript" src="/static/javascript/jquery.tablesorter.js"></script> 
<script type="text/javascript" src="/static/javascript/jquery.tablesorter.pager.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $("table") 
      .tablesorter({widthFixed: true, widgets: ['zebra']}) 
      .tablesorterPager({container: $("#pager"), size: 10}); 

    }); 
    </script> 


</head> 

這裏是表:

<table id="companies" class="tablesorter"> 
    <thead> 
     <tr> 
     <th>Name</th> 
     ... 

     </tr> 
     </thead> 
    <tbody> 
</table> 

<div id="pager" class="pager"> 
    <form> 
     <img src="images/first.png" class="first"/> 
     <img src="images/prev.png" class="prev"/> 
     <input type="text" class="pagedisplay"/> 
     <img src="images/next.png" class="next"/> 
     <img src="images/last.png" class="last"/> 
     <select class="pagesize"> 
      <option value="2">2 per page</option> 
      <option value="5">5 per page</option> 
      <option value="10">10 per page</option> 

     </select> 
    </form> 
</div> 

表工程和排序,但我似乎無法控制分頁的水平。我知道我沒有列出控件(爲了節省空間),但我無法獲得初始頁面大小的工作。

回答

2

看來您正在使用原始版本的tablesorter(v2.0.5,來自tablesorter.com)以及jQuery v1.11.2。

的問題是,jQuery的$.browser function jQuery中V1.9完全去除+,所以代碼將無法正常工作因爲有一個JavaScript錯誤防止尋呼機插件從完全初始化。

爲了解決這個問題之一:

  1. 切換到jQuery的< 1.9。
  2. 試用我的fork of tablesorter,其中包含許多修補程序&增強功能。
  3. 如果您選擇堅持原始tablesorter,有一個GitHub repositoryopen issue您可以按照更新。