实现下拉刷新
<div id="refreshContainer" class="mui-content mui-scroll-wrapper" style="z-index: 2">
<div class="mui-scroll">
这里存放你的内容,容器。
</div>
</div>
mui.init({
pullRefresh : {
container:"#refreshContainer",//下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
down : {
auto: false,//可选,默认false.首次加载自动下拉刷新一次
contentdown : "下拉可以刷新",//可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容
contentover : "释放立即刷新",//可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容
contentrefresh : "正在刷新...",//可选,正在刷新状态时,下拉刷新控件上显示的标题内容
callback :callfunction //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
}
});
function callfunction(){
var link=location.href+"?send_phone="+""+"&send_name="+"";
$("#content").load(link + " #content");
mui('#refreshContainer').pullRefresh().endPulldownToRefresh(); //完成刷新
}
解决容器中onclick事件触发不了的问题,因为我的有点击事件的标签都是a标签,
所以on的第二参数为a
$("#refreshContainer").on('tap', 'a', function (event) {
this.click();
});