关于mui的下拉刷新的引用
发布时间:2020-12-13 22:16:26 所属栏目:PHP教程 来源:网络整理
导读:```javascri[t mui.init({ pullRefresh: { container: "#refreshContainer",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等 up: { auto: true,//可选,默认false.自动上拉加载一次 contentrefresh: "正在加载...",//可选,正在加
```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("<li style=‘text-align: center‘>没有更多数据了</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官网进行寻找 ```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; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |