关于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;
}
另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文名称:关于mui的下拉刷新的引用-创新互联
文章链接:http://lswzjz.com/article/dpghoe.html