博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
mui前端框架下拉刷新分页加载数据
阅读量:5326 次
发布时间:2019-06-14

本文共 3118 字,大约阅读时间需要 10 分钟。

前台

mui.init();            (function($) {                //阻尼系数                var deceleration = mui.os.ios?0.003:0.0009;                $('.mui-scroll-wrapper').scroll({                    bounce: false,                    indicators: true, //是否显示滚动条                    deceleration:deceleration                });                $.ready(function() {                    //循环初始化所有下拉刷新,上拉加载。                    $.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {                        if(index==0){                            // alert(index);                            $(pullRefreshEl).pullToRefresh({                            down: {                                callback:pulldownRefresh_zhengu                             },                            up: {                                callback: pullupRefresh_zhengu                                                            }                        });                        }else{                            // alert(index);                            $(pullRefreshEl).pullToRefresh({                            container:"#item2mobile .mui-scroll",                            down: {                                callback: pulldownRefresh_guandian                                                                },                            up: {                                callback: pullupRefresh_guandian                            }                        });                        }                                            });            bbb(1);            aaa(1);                    var page = 1;            var sum;            var page1 = 1;            var su;                    /*诊股开始*/            function pulldownRefresh_zhengu(){                var self = this;                page++;                setTimeout(function() {                    bbb(page);                    self.endPullDownToRefresh((sum <= page));                }, 1000);            }            function pullupRefresh_zhengu(){                var self = this;                page++;                setTimeout(function() {                    bbb(page);                    self.endPullUpToRefresh((sum <= page));                }, 1000);                }            /*诊股结束*/            /**观点开始**/            function pulldownRefresh_guandian(){                var self = this;                page1++;                    setTimeout(function() {                        aaa(page1)                        self.endPullDownToRefresh();                    }, 1000);                }            function pullupRefresh_guandian(){                var self = this;                page1++;                setTimeout(function() {                    aaa(page1);                    self.endPullUpToRefresh();                }, 1000);                }            /**观点结束**/                        });                        })(mui);

然后写ajax请求,带入分页page。

后台对传过来的page参数进行处理:

$page = I('page');  //获取请求的页数 $pagenum = 15; //每页数量$start = ($page-1) * $pagenum;//查询数据limit($page,$pagenum)

 

转载于:https://www.cnblogs.com/guoyachao/p/7198847.html

你可能感兴趣的文章
控件事件android中自定义控件
查看>>
我的目标在哪里——一个程序员的规划
查看>>
CUDA: 流
查看>>
go语言 documentation
查看>>
碧砚适合佳能328 4452 ICD520 4472 4450 硒鼓4700一体机墨盒4770
查看>>
Wait statistics, or please tell me where it hurts
查看>>
pxc 集群
查看>>
Cobra —— 可视化Python虚拟机 and 图解python
查看>>
PostgreSQL 资源
查看>>
不将EF连接字符串写在配置文件的方法
查看>>
前端组件化Polymer入门教程(8)——事件
查看>>
jQuery学习——内容筛选&可见性筛选
查看>>
现实世界的Windows Azure:访问ThinPrint有限公司的首席执行官Henning Volkmer
查看>>
Python中文件的读写操作
查看>>
Head First HTML5 Chapter 4 JavaScript function and objects
查看>>
Bottle GET method. Request
查看>>
次小生成树
查看>>
2019年春季学期第二周作业
查看>>
jboss内存查看管理 .
查看>>
IN、EXISTS的相关子查询用INNER JOIN 代替--性能优化
查看>>