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();
		});
	}
mui小总结的更多相关文章
- mui初级入门教程(二)— html5+ webview 底部栏用法详解
		
文章来源:小青年原创发布时间:2016-05-19关键词:mui,html5+,webview转载需标注本文原始地址: http://zhaomenghuan.github.io/#!/blog/20 ...
 - mui初级入门教程(一)— 小白入手mui的学习路线
		
文章来源:小青年原创发布时间:2016-05-15关键词:mui,html5+转载需标注本文原始地址:http://zhaomenghuan.github.io/#!/blog/20160515 写在 ...
 - MUI - 解决弹出输入法时页面高度变小导致底部上浮的问题
		
解决弹出输入法时页面高度变小导致底部上浮的问题 在有输入框的页面,当输入法弹出的时候,底部元素上浮遮盖了输入框,影响页面美观及功能.查找了一下,页面变窄是不可避免的.即使是设置绝对固定也是不可以的.因 ...
 - MUI开发APP,scroll组件,运用到区域滚动
		
最近在开发APP的过程中,遇到一个问题,就是内容有一个固定的头部和底部. 头部就是我们常用的header了,底部的话,就放置一个button,用来提交页面数据或者进入下一个页面等,效果 ...
 - mui scroll和上拉加载/下拉刷新
		
mui中 scroll和上拉加载/下拉刷新同时存在会出现两个滚动条 把/* */ /* //mui页面鼠标拖动代码: mui('.mui-scroll-wrapper').scroll({ dec ...
 - MUI APP防止登陆页面出现白屏
		
最近在用MUI开发APP,总体效果,在IOS上,是完美的,但是在低端的Android手机上,就会出现性能问题,我个人觉得最严重的是,就是首页,就是APP打开的第一个页面,在iOS上,由于性能高,所以, ...
 - Mui框架一 快捷键+基础知识点
		
1.折叠面板--mAccordion 2.数字角标-mBadges <h5>有底色</h5> <span class="mui-badge">灰 ...
 - MUI(5)
		
今天实现9宫格菜单.先上效果图: 就是这个效果咯,界面不太美观,底部导航栏是为了苹果用户没有返回按键设计的,只是为了方便演示而已,没有做过多的处理.首先先说一下这个底部导航栏如何实现,这个底部导航栏小 ...
 - MUI(4)
		
今天感觉无聊,想听一首音乐.没有添加其他页面,只是在index_list.html页面进行代码添加而已. <!doctype html> <html> <head> ...
 
随机推荐
- 【ORACLE】特殊的NULL
			
NULL 是数据库中特有的数据类型 Oracle 中对空的描述 nullAbsence of a value in a column of a row. Nulls indicate missing, ...
 - 网站开发常用cmd命令
			
一.Windows服务安装: framework 4.0 : cd C:\Windows\Microsoft.NET\Framework\v4.0.30319 framework 2.0 : cd ...
 - 解决Winform应用程序中窗体背景闪烁的问题
			
本文转载:https://my.oschina.net/Tsybius2014/blog/659742 我的操作系统是Win7,使用的VS版本是VS2012,文中的代码都是C#代码. 这几天遇到一个问 ...
 - 不可变字符串NSString
			
/*字符串的常用方法*/ //1.通常用来把一些基本数据类型和字符串进行拼接 ; float b = 9527.0; NSString *string = [NSString stringWithFo ...
 - 数据字典生成工具之旅(5):DocX组件读取与写入Word
			
由于上周工作比较繁忙,所以这篇文章等了这么久才写(预告一下,下一个章节正式进入NVelocity篇,到时会讲解怎么使用NVelocity做一款简易的代码生成器,敬请期待!),好了正式进入本篇内容. 这 ...
 - IOS网络第二天 - 07-发送JSON给服务器
			
*************** #import "HMViewController.h" #import "MBProgressHUD+MJ.h" @inter ...
 - completionService
			
我们现在在Java中使用多线程通常不会直接用Thread对象了,而是会用到java.util.concurrent包下的ExecutorService类来初始化一个线程池供我们使用. 当我们使用Exe ...
 - [dpdk] 熟悉SDK与初步使用 (四)(L3 Forwarding源码分析)
			
接续前节:[dpdk] 熟悉SDK与初步使用 (三)(IP Fragmentation源码分析) 前文中的最后一个问题,搁置,并没有找到答案.所以继续阅读其他例子的代码,想必定能在其他位置看到答案. ...
 - Vue 2.0 + Vue Router + Vuex
			
用 Vue.js 2.x 与相配套的 Vue Router.Vuex 搭建了一个最基本的后台管理系统的骨架. 当然先要安装 node.js(包括了 npm).vue-cli 项目结构如图所示: ass ...
 - windows核心编程 - 线程基础
			
一.基本概念: 一个进程至少需要一个线程. 组成:一个线程包括仅包括一个线程堆栈和一个线程内核对象 线程堆栈:用于维护线程在执行代码时需要的所有函数参数和局部变量 线程内核对象:操作系统用它来对线程实 ...