表格分类器初始页面大小不起作用

时间:2015-02-10 11:38:48

标签: jquery tablesorter

我正在尝试使用寻呼机功能设置初始页面大小,但它不起作用。以下是我对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>

这个表工作和排序,但我似乎无法控制的是分页的级别。我知道我没有列出控件(为了节省空间),但我无法使初始页面大小有效。

1 个答案:

答案 0 :(得分:2)

您似乎使用的是原始版本的tablesorter(v2.0.5,来自tablesorter.com)以及jQuery v1.11.2。

问题是jQuery $.browser function在jQuery v1.9 +中已被完全删除,因此该代码无法正常工作,因为存在阻止寻呼机插件的javascript错误从完全初始化。

要解决此问题:

  1. 切换到jQuery&lt; 1.9。
  2. 试用我的fork of tablesorter,其中包含大量修复工具。增强。
  3. 如果您选择坚持使用原始的chartorter,则可以使用GitHub repositoryopen issue进行更新。