关于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("<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;
}

另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享名称：关于mui的下拉刷新的引用-创新互联
URL网址：https://www.cdcxhl.com/article4/dpghoe.html

成都网站建设公司_创新互联，为您提供网站设计公司、App开发、面包屑导航、移动网站建设、响应式网站、建站公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容