zoukankan      html  css  js  c++  java
  • 下拉刷新

    下拉刷新

        第一:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    mui.init({
            pullRefresh: {
                container: '#pullrefresh',
                up: {
                    contentrefresh: '正在加载...',
                    callback: pullupRefresh
                }
            }
        });

      

        第二:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    var i = 0;
    var count = 0;
    var number = 1;
    function pullupRefresh(){
        setTimeout(function(){     
            $(function(){
                var json = {};
                json.competitionID = CompetitionID;
                json.fightTypeID = fightTypeID;
                json.action = 'getFightType';
                $.post('http://192.168.3.12:11000/api/Competition', json, function(e){
                    var obj = eval("(" + e + ")");
                    var data = obj.data[0].v_teamfight;
                    if(number > data.length){
                        number = data.length;
                    }
                    var counts = parseInt(data.length/2)+1;    //定义上拉次数
                    mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count >counts)); //判定是否拖动
                    for(i; i < number; i++){
                        var str = '';
                                                str += "<span>" + data[i].TeamAName + "</span>"; //A队名称
                        str += "</div><div>vs</div><div>";
                        str += "<img src='../../img/hwq/gold.png'/>"; //B队logo路径(暂无)
                        str += "<span>" + data[i].TeamBName + "</span>"; //B队名称
                                                $("#content").append(str);
                                         }
                                     number+=1;
                });
            });
        },100);
    }

        第三:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    if(mui.os.plus){
            mui.plusReady(function(){
                setTimeout(function(){
                    mui('#pullrefresh').pullRefresh().pullupLoading();
                },10);
            });
        }
        else {
            mui.ready(function() {
                mui('#pullrefresh').pullRefresh().pullupLoading();
            });
        }
  • 相关阅读:
    R语言编程艺术(2)R中的数据结构
    R语言编程艺术(1)快速入门
    R语言实战(十)处理缺失数据的高级方法
    R语言实战(九)主成分和因子分析
    R语言实战(八)广义线性模型
    R语言实战(七)图形进阶
    R语言实战(六)重抽样与自助法
    R语言实战(五)方差分析与功效分析
    R语言实战(四)回归
    R语言实战(三)基本图形与基本统计分析
  • 原文地址:https://www.cnblogs.com/zzc134680/p/5797740.html
Copyright © 2011-2022 走看看