mui下拉刷新的ajax实现
来源:互联网 发布:网络平台代理合同 编辑:程序博客网 时间:2024/06/05 07:15
<script> mui.init({ swipeBack:false, pullRefresh:{ container:'#pullrefresh', down:{ callback: pulldownRefresh}}});/** * 下拉刷新具体业务实现 */var last=-5,amount=5;function pulldownRefresh(){ last =last+amount;var table = document.body.querySelector('.mui-table-view');var cells = document.body.querySelectorAll('.mui-table-view-cell'); mui.ajax({ type:"post", dataType:"json", url:"http://localhost/amazeui/data.php?action=item", data:"last="+last+"&amount="+amount, complete :function(){$("#load").hide();}, success:function(msg){var data = msg;var tmp=''; $.each(data,function(i, n){var li = document.createElement('li'); li.className='mui-table-view-cell'; li.innerHTML='<a class="mui-navigate-right">'+ n.itemname+'</a>';//下拉刷新,新纪录插到最前面; table.insertBefore(li, table.firstChild);});}});mui('#pullrefresh').pullRefresh().endPulldownToRefresh();//refresh completed}if(mui.os.plus){ mui.plusReady(function(){ setTimeout(function(){ mui('#pullrefresh').pullRefresh().pullupLoading();},1000);});}else{ mui.ready(function(){ mui('#pullrefresh').pullRefresh().pullupLoading();});}</script>
0 0
- mui下拉刷新的ajax实现
- 利用MUI实现下拉刷新
- mui下拉刷新的整理
- mui下拉刷新的跳转不能实现的解决办法
- mui的上拉加载下拉刷新的实现
- MUI添加下拉刷新的动画效果
- mui的上拉刷新 下拉加载
- MUI下拉刷新
- MUI 下拉刷新
- MUI框架学习之[Ajax][下拉刷新][上拉加载]
- 使用组件来完成MUI的下拉刷新
- mui下拉刷新只能用一次的解决方法
- 不用Ajax实现简单的无刷新级联下拉框
- 应用Ajax技术实现无刷新的级联下拉列表
- 下拉刷新的实现
- mui 下拉刷新 上拉加载
- 【Android H5移动开发】 MUI下拉刷新
- mui下拉刷新和上拉加载
- 该如何选择框架?
- tomcat7安装配置
- pdo链接数据库的三种方式
- Oauth整理
- leetcode刷题,总结,记录,备忘83
- mui下拉刷新的ajax实现
- 文件夹的复制
- 黑马程序员--oc中的ARC
- 如何在Maven中配置Spring依赖
- 菜鸟福利-----以有道翻译API为例说明mui ajax的用法详解
- 仰视源码,实现memcpy
- 多态
- 字节流复制
- u-boot2010.03 Makefile分析