下拉刷新数据,插件(dropload)

需要引用dropload.min.js

html:

<div class="page-content">
    <div class="page__bd" id="listwrap">
        <div class="inner" id="Tolist">

            存放数据,随便编辑
        </div>
        <div class="weui-loadmore dropDown">
            <span class="weui-loadmore__tips">↑上拉加载更多</span>
        </div>
        <div class="weui-loadmore loading">
            <i class="weui-loading"></i>
            <span class="weui-loadmore__tips">正在加载</span>
        </div>
    </div>
</div>

js:

var statics = 0;
        var pages = 1;
        var sizes = 4;
        var loading = false;  //状态标记
        $(function () {
            loadlist();
        })
        var windowHeight = $(window).height(),$body = $("body");
        $body.css("height", windowHeight);
        $("body").bind({
            touchstart:function(e){
                /*e.preventDefault();*/
                e.stopPropagation();
                startX = e.originalEvent.changedTouches[0].pageX,
                startY = e.originalEvent.changedTouches[0].pageY;    
            },
            touchmove:function(e){
                $(".dropload-down").remove();
                // console.log("touch:",page)
                /*e.preventDefault();*/
                e.stopPropagation();
                moveEndX = e.originalEvent.changedTouches[0].pageX,
                moveEndY = e.originalEvent.changedTouches[0].pageY,
                X = moveEndX - startX,
                Y = moveEndY - startY;
                if( Math.abs(Y) > Math.abs(X) && Y < 0 ) {
                    makeFun();
                }
            }
        });
        $("#listwrap").infinite().on("infinite", function () {
            makeFun();
        });
        // =======加载数据loadlist();
        function loadlist(){
            var html = "";

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值