javascript - Iscroll.js下拉刷新上拉加载+Tab切换问题
ringa_lee
ringa_lee 2017-04-10 18:04:34
[JavaScript讨论组]

问题已解决,谢谢各位~

ringa_lee
ringa_lee

ringa_lee

全部回复(6)
怪我咯

谢谢各位,我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);
}

效果

PHPz

http://www.360doc.com/content...

天蓬老师

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

巴扎黑

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

天蓬老师

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

迷茫

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号