7 个回答

谢谢各位,我2了,逗比了一早上,下面放出最后的解决方案。
有遇到的朋友可以参考下。

问题:tab切换+下拉刷新,上拉加载。

页面结构

clipboard.png

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);
}

效果

图片描述

把每个tab扔进数组里,iscroll只处理当前页面

实现一个下拉刷新的tab,其他都调用呗

如果有demo最好了,我现在遇到的问题是多个tab,然后就实例化了一个scroll,如果把ajax放在上下拉里面会造成多次请求,不知道怎么处理好。

图片描述亲,那再次点击的时候刷新的数据跟着没有了怎么解决

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题