mCustomScrollbar滚动条插件刷新后失效

junqingwuchu007 2017-05-05 04:10:16
如题
我局部刷新页面,重新加载mCustomScrollbar失效。下面是滚动条样式,加载在jsp中

(function($){
$(window).load(function(){
$(".roleTable").mCustomScrollbar({
theme:"minimal-dark",
scrollButtons:{
enable:true,
scrollType:"continuous",
scrollSpeed:20,
scrollAmount:40
},
horizontalScroll:false,
});
});
})(jQuery);


下面是在js中重新加载页面的代码,调用插件的刷新方法,滚动条失效。

function bindData(data){
console.log("in binddata");
$('.roleTable').empty();//删除原数据
let datas = data;
//console.log("传入数据:"+datas);
let tdstr = '';
for(let i=0;i<datas.entitys.length;i++){
tdstr += '<li id="'+(datas.entitys[i].role.roleId)+'"><span class="list-img"></span>';
tdstr += '<span class="list-name" >'+(datas.entitys[i].role.roleName)+'</span><span class="list-change">';
tdstr += '</span><span class="list-del"></span></li>';
}
$('.roleTable').append(tdstr);
$(".roleTable").mCustomScrollbar("update");
click1();
click2();
click3();
click4();
click5();
}


求大神指点,感谢。
...全文
250 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧