现在位置首页 / Jquery/Jquery Mobile /正文

tablesorter表格排序插件配合Ajax使用时的两个BUG

作者: 小马 | 2016年2月1日| 热度:℃ | 评论: |参与:

今天说两个小bug 的解决方案。


BUG一:如果表格是多页的,而且是用ajax分页调取数据的,当点击第二页的时候,如果这时候用tablesorter排序插件点击排序,会出现第一页的数据出现在第二页上的问题,点击第三页,一二页上的数据全跑了第三页上,不多说bug现象了,你遇到的时候就懂了,解决方案:

插件自身有一个执行 清除缓存(我这么叫)信息的函数

$(".tablesorter").trigger("update");

每次翻页执行下即可。

BUG二:当点击第二页排序的时候,没有反应,其实不是没有反应,我测试过,是瞬间排序两次,相当于点击两次,就相当于看着没有排序了,以此类推,第三页的时候,会排三次,这样看效果是正常的了,但是第四页又不正常了,以此类推。


解决方案:就是把点击排序的头部,每翻一页,先去掉,再加上。这样可保证,每页点击都是排序一次;

如下面这样处理。

//--先去掉-----------------------
$("#headhtml").html("");
var headrhtml = '<tr><th class="newsort" id="0" onclick="removestyle(0)">ID</th><th 
class="newsort" id="1" onclick="removestyle(1)">Mac</th><th class="newsort" id="2" 
onclick="removestyle(2)">添加时间</th><th id="3" class="newsort" onclick="removestyle(3)">姓名
</th><th id="4" class="newsort" onclick="removestyle(4)">个人信息</th><th id="5" 
class="newsort" onclick="removestyle(5)">车辆信息</th><th id="6" class="newsort" 
onclick="removestyle(6)">备注</th><th>操作</th></tr>';
//--再添加-----------------------
$("#headhtml").html(headrhtml);



点击阅读本文所属分类的更多文章: Jquery/Jquery Mobile 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询