```javascri[t
mui.init({
pullRefresh: {
container: "#refreshContainer",//待刷新區(qū)域標識,querySelector能定位的css選擇器均可,比如:id、.class等
up: {
auto: true,//可選,默認false.自動上拉加載一次
contentrefresh: "正在加載...",//可選,正在加載狀態(tài)時,上拉加載控件上顯示的標題內(nèi)容
contentnomore: '沒有更多數(shù)據(jù)了',//可選,請求完畢若沒有更多數(shù)據(jù)時顯示的提醒內(nèi)容;
callback: pulldownRefresh //必選,刷新函數(shù),根據(jù)具體業(yè)務來編寫,比如通過ajax從服務器獲取新數(shù)據(jù);
}
}
});
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() == "沒有更多數(shù)據(jù)了") {
return
}
$("#viplistUl").append("<li style='text-align: center'>沒有更多數(shù)據(jù)了</li>");
}
});
this.endPullupToRefresh(flag);
}
function LoadPage(data) {
data.forEach(function (ele, index) {
var listText = '<li onclick="member_detail(' + ele.member_id + ')" class="mui-table-view-cell mui-media" data-mid="' + ele.member_id + '">\ ' +
'<div>\ ' +
'<img class="mui-media-object mui-pull-left" alt=" " src="' + ele.head_image + '">\ ' +
'<div class="mui-media-body">' + ele.truename + ' <p class="mui-ellipsis">' + ele.login_account + '</p> </div> </div> </li>';
viplistUl.append(listText);
});
band();
}
function InnerPage(data) {
var listText = "";
data.forEach(function (ele, index) {
listText += '<li class="mui-table-view-cell mui-media" id="vip-click" data-mid="' + ele.member_id + '">\ ' +
'<a href="javascript:;">\ ' +
'<img class="mui-media-object mui-pull-left" alt=" " src="' + ele.head_image + '">\ ' +
'<div class="mui-media-body">' + ele.truename + ' <p class="mui-ellipsis">' + ele.login_account + '</p> </div> </a> </li>';
})
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官網(wǎng)進行尋找
```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);
}
}
以上可以獲取到對應路由的信息
如果發(fā)現(xiàn)手機端劃不動可以在html中加上
* {
touch-action: pan-y;
}
.mui-scroll {
position: relative;
}
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
分享名稱:關于mui的下拉刷新的引用-創(chuàng)新互聯(lián)
URL網(wǎng)址:http://aaarwkj.com/article4/dpghoe.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設計公司、App開發(fā)、面包屑導航、移動網(wǎng)站建設、響應式網(wǎng)站、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)