<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link href="css/mui.min.css" rel="stylesheet"/>
<style type="text/css">
.mui-bar-nav{
background: #39bc30;
color: #fff;;
}
.mui-bar-nav a{
color: #fff;
}
.mui-bar-nav h1{
color: #fff;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav own-header-hidden">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">消息中心</h1>
</header>
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
dsadsad
</div>
</div>
<script src="js/mui.min.js"></script>
<script src="js/mine.js"></script>
<script>
mui.init({
swipeBack: false,
pullRefresh: {
container: '#pullrefresh',
down: {
contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
/**
- 下拉刷新具体业务实现
*/
function pulldownRefresh() {
alert("下拉刷新");
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
}
var count = 0;
/** - 上拉加载具体业务实现
*/
function pullupRefresh() {
alert("上啦加载");
mui('#pullrefresh').pullRefresh().endPullupToRefresh(); //refresh completed
}
</script>
</body>
</html>
0 个回复