zoukankan      html  css  js  c++  java
  • mui下拉菜单

    mui下拉菜单

    <div id="pullrefresh" class="mui-content mui-scroll-wrapper">
        <div class="mui-scroll">
            <ul class="mui-table-view mui-table-view-chevron" id="list">
            </ul>
        </div>
    </div>
    
     var page = 1;
        //最大页数
        var maxPage = Number.MAX_VALUE;
        mui.init({
            pullRefresh: {
                container: '#pullrefresh',
                up: {
                    auto: true,
                    style: 'circle',
                    contentrefresh: "正在刷新...",
                    height: 50,
                    callback: pullupRefresh
                }
            }
        });
    
        function pullupRefresh() {
            mui('#pullrefresh').pullRefresh().endPullupToRefresh(page >= maxPage);
            $.ajax({
                    url: ctx + "fx/shqzs.api?action=selectTitle&page=" + page,
                    type: 'get',
                    async: false,
                    dataType: 'json',
                    success: function (res) {
                        //首次获取最大下拉次数
                        if (page == 1) {
                            let count = res.count;
                            maxPage = count % 20 == 0 ? count / 20 : Math.floor(count / 20) + 1;
                        }
                        $.each(res.data, function (index, item) {
                            var li = "<li class='mui-table-view-cell'><a href='" + ctx + "shqzs/fileDeatil?titleId=" + item.id + "' class='mui-navigate-right'>[" + item.time + "]" + item.title + " </a> </li>"
                            $("#list").append(li);
                        })
                    }
    
                }
            )
            page++;
        }
    
    作者: JaminYe
    版权声明:本文原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
  • 相关阅读:
    超好看的UI配色网站汇总~
    JS获取非行内样式
    最近看到的一些不错前端面试题目
    指令
    $filter $watch
    学习学习学习
    Mongoose by时间查询
    AngularJs 学习 笔记 4 foreach
    AngularJs 学习 笔记 3
    AngularJs 学习 笔记 2
  • 原文地址:https://www.cnblogs.com/JaminYe/p/13388002.html
Copyright © 2011-2022 走看看