javascript - Iscroll.js下拉刷新上拉加载+Tab切换问题
本文介绍了javascript - Iscroll.js下拉刷新上拉加载+Tab切换问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
问题已解决,谢谢各位~
解决方案
谢谢各位,我2了,逗比了一早上,下面放出最后的解决方案。
有遇到的朋友可以参考下。
问题:tab切换+下拉刷新,上拉加载。
页面结构
tab切换tabli里面的设置:
$('.tabli li').on('click',function(){
var $this = $(this);
curIndex = $this.index();
$this.addClass('cur').siblings('li').removeClass('cur');
$('.goods-list').eq(curIndex).show().siblings('.goods-list').hide();
myScroll.scrollTo(0, 0);
myScroll.refresh();
});
上拉的设置
function pullUpAction () {
setTimeout(function () {
var el, li, i, curIndex;
el = document.getElementsByTagName('ul');
var curIndex = $(".cur").index();
for (i=0; i<1; i++) {
li = document.createElement('li');
li.innerHTML = '<a href="#">test</a>';
$(".tabcon ul").eq(curIndex).append(li);
}
myScroll.refresh();
}, 1000);
}
效果
这篇关于javascript - Iscroll.js下拉刷新上拉加载+Tab切换问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文