zoukankan      html  css  js  c++  java
  • mui小总结

    下拉刷新

        第一:

    mui.init({
    		pullRefresh: {
    			container: '#pullrefresh',
    			up: {
    				contentrefresh: '正在加载...',
    				callback: pullupRefresh
    			}
    		}
    	});	
    

      

        第二:

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

        第三:

    if(mui.os.plus){
    		mui.plusReady(function(){
    			setTimeout(function(){
    				mui('#pullrefresh').pullRefresh().pullupLoading();
    			},10);
    		});
    	} 
    	else {
    		mui.ready(function() {
    			mui('#pullrefresh').pullRefresh().pullupLoading();
    		});
    	}
    

      

  • 相关阅读:
    Spring+redis整合遇到的问题集以及注意事项
    Map源码学习之HashMap
    评分---五星好评
    下拉复选框
    倒计时按钮—获取手机验证码按钮
    input上传文件个数控制
    ajax请求完之前的loading加载
    获取浏览器滚动距离
    获取浏览器可视区域宽高
    获取元素尺寸宽高
  • 原文地址:https://www.cnblogs.com/zst062102/p/5766063.html
Copyright © 2011-2022 走看看