Jquery Tablesorter 寻呼机插件不起作用并破坏了我的排序

Question

我正在尝试使用 tablesorter (tablesorter.com) 的寻呼机插件，并遵循了我在网上找到的几个示例，但我似乎无法让它工作。当我实现分页不起作用并且它破坏了表上的排序时，它将返回“未捕获的类型错误：无法读取未定义的属性'msie'”的错误

这是我当前的代码

HTML/PHP

<table border="0" cellpadding="0" cellspacing="0" id="orgTable" class="tablesorter">
<thead>
<tr>
    <th><?=$languageDB->berkGet("object_organization_name");?></th>
    <th><?=$languageDB->berkGet("object_organization_description");?></th>
    <th><?=$languageDB->berkGet("object_organization_system_name");?></th>
    <th><?=$languageDB->berkGet("object_organization_status");?></th>
    <th><?=$languageDB->berkGet("object_organization_client");?></th>
    <th><?=$languageDB->berkGet("object_organization_actions");?></th>
</tr>
</thead>
<tbody>
<?foreach ($organizations as $organizationObj) {
    foreach ($organizationObj as $curOrg) {
        if($curOrg->get("name") == "System"){
            //Hide the System organization from vCloud 
            continue;
        }?> 
    <tr>
        <td><?=$curOrg->get("name");?></td>
        <td><?=$curOrg->get("description")===""?"None":$curOrg->get("description")?></td>
        <td><?=$curOrg->get("systemName")?></td>
        <td><?=$status[$curOrg->get('status')];?></td>
        <td id="client<?=$curOrg->get('id');?>">            
            <?if($curOrg->get("clientId")==0){ ?>
                <button class="btn btn-tiny btn-reverse associate" data-uid="<?=$curOrg->get('id');?>"><?=$languageDB->berkGet("action_associate");?></button>
            <?} else{ 
                $client=new client($curOrg->get("clientId"));?>
                <?=$client->get("companyName");?>
            <?}?>
        </td>
        <td><a href="/organizationDetails.php?id=<?=$curOrg->get('id');?>" class="btn btn-tiny"><i class="fa fa-info-circle"></i></a>
            <?if($curOrg->get("clientId")>0){ ?>
                <button class="btn btn-danger btn-tiny" id="remove" data-uid="<?=$curOrg->get('id');?>" data-name="<?=$curOrg->get('name');?>"><i class="fa fa-trash"></i> </button>
            <?}?></td>
    </tr>   
    <?}
}?>
</tbody>
</table>


<div id="pager" class="pager">
    <form>
        <img src="images/paging-first.png" class="first"/>
        <img src="images/paging-prev.png" class="prev"/>
        <input type="text" class="pagedisplay"/>
        <img src="images/paging-next.png" class="next"/>
        <img src="images/paging-last.png" class="last"/>
        <select class="pagesize">
            <option selected="selected"  value="10">10</option>
            <option value="20">20</option>
            <option value="30">30</option>
            <option  value="40">40</option>
        </select>
    </form>
</div>

JAVASCRIPT

$(document).ready(function() 
    { 
        $("#orgTable").tablesorter(); 
        $("#orgTable").tablesorterPager({container: $("#pager")});
    } 
); 

感谢您提供的任何帮助。

Answer 1

tablesorter.com 的寻呼机需要比 v1.9 更早的 jQuery 版本，因为它使用 $.browser()。

所以你有两个选择：

1. 使用旧版本的 jQuery。
2. 尝试切换到使用我的fork of tablesorter，您可以在其中使用pager plugin 或pager widget（首选）进行分页。

注意：分叉的分页器与原来的 tablesorter 不兼容。