关于mui的下拉刷新的引用
```javascri[t
mui.init({
pullRefresh: {
container: "#refreshContainer",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
up: {
auto: true,//可选,默认false.自动上拉加载一次
contentrefresh: "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore: '没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
callback: pulldownRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
}
});
公司主营业务:成都网站建设、成都做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出宁夏免费做网站回馈大家。
function pulldownRefresh() {
var flag = false;
mui.getJSON("/StoreMobile/StoreMember/get_member_data", {
start: $("#viplistUl li").length,
count: 20,
member: 2,
search: $("#seainput").val()
}, function (resp) {
if (resp.code==1) {
LoadPage(resp.data);
} else {
if ($("#viplistUl").children().last().text() == "没有更多数据了") {
return
}
$("#viplistUl").append("没有更多数据了 ");
}
});
this.endPullupToRefresh(flag);
}
function LoadPage(data) {
data.forEach(function (ele, index) {
var listText = '\ ' +
'\ ' +
'\ ' +
'' + ele.truename + ' ' + ele.login_account + '
';
viplistUl.append(listText);
});
band();
}
function InnerPage(data) {
var listText = "";
data.forEach(function (ele, index) {
listText += '\ ' +
'\ ' +
'\ ' +
'' + ele.truename + ' ' + ele.login_account + '
';
})
viplistUl.html(listText);
band();
}
function band() {
mui('#viplistUl').on('tap', "li", function () {
_id = $(this).data("mid");
window.location.href = "vip_list_xq.html?" + _id
})
}
以上可以去mui官网进行寻找
```php
// 获取会员的信息,下拉加载
function get_member_data()
{
$member_data = I("get.");
$store_id = $_SESSION["admin"]["store_id"];
$member = $member_data["member"];
$count = $member_data["count"];
$start = $member_data["start"];
$map["store_id"] = $store_id;
$map["is_member"] = $member;
$map["is_disabled"] = 1;
if ($member_data["search"]) {
$map["login_account|truename"] = array("like", "%" . $member_data["search"] . "%");
}
// 查找对应的会员
$memberInfo = M("member")->where($map)->limit($start, $count)->order("register_time desc")->field("member_id, login_account,head_image,sex,truename")->select();
if ($memberInfo) {
$this->successMsg("获取成功", 1, $memberInfo);
} else {
$this->errorMsg("获取失败", 0);
}
}
以上可以获取到对应路由的信息
如果发现手机端划不动可以在html中加上
* {
touch-action: pan-y;
}
.mui-scroll {
position: relative;
}
当前标题:关于mui的下拉刷新的引用
网页网址:http://ybzwz.com/article/pcggoo.html