2015-02-10 73 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您可以按照更新。