移动端上滑加载更多
来源:互联网 发布:网络拓扑工具 编辑:程序博客网 时间:2024/04/29 06:09
//滚动条滚动$(document).scroll(function(){var wheight=$(window).height();var sheight=$(document).scrollTop();var dheight=$(document).height();// 上拉加载更多,当滚动条滑动到底部时if(dheight-sheight==wheight&&pageflag==true){sn+=1;//页面数加一if(nu>count){//nu是一页加载几个,count是一个多少条return;}else if(sn<=Math.ceil(count/nu)){//当在路线评测页面时if(href.match("route_evaluation")){var title=$(".searchinput").find("input").val();var city=$(".tabselect").find("li.active").text()=="全部"?"":$(".tabselect").find("li.active").text();route(title,city);}else if(href.match("insurance")){//保险列表insurance();}else if(href.match("equipment_evaluation")){//装备列表分页查询var title=$(".searchinput").find("input").val();if($(".tab>ul").find("li.active").text()=="装备品牌"){var brand=$(".tabs.active").find("ul li.active").text()=="全部"?"":$(".tabs.active").find("ul li.active").attr("id");var type_name="";}else{var type_name=$(".tabs.active").find("ul li.active").text()=="全部"?"":$(".tabs.active").find("ul li.active").attr("id");var brand="";}equipment(title,brand,type_name);}else if(href.match("activity")){var title=$(".searchinput").find("input").val();if($(".tab>ul").find("li.active").text()=="目的地"){var city_id=$(".tabs.active").find("ul li.active").text()=="全部"?"":$(".tabs.active").find("ul li.active").attr("id");var tag_id="";}else{var tag_id=$(".tabs.active").find("ul li.active").text()=="全部"?"":$(".tabs.active").find("ul li.active").attr("id");var city_id="";}activitylist(title,tag_id,city_id);}}}})//同意的ajax方式var pageflag=true;//标志上一个请求是否完成function ajax(options){var url=options.url;var data=options.data;$.ajax({url: url,type: 'get',dataType: 'json',data: data,beforeSend:function(){//options.beforeSend();if(sn>1){//加入加载层$("<div class='loading'><span class='icon-spinner'></span></div>").insertAfter('section');//$(document).scrollTop($(document).scrollTop()-$(".loading").height()-20);pageflag=false;}},complete:function(){//options.complete();if($(".loading").length){//$(document).scrollTop($(document).scrollTop()-$(".loading").height()-20);//加载层去除$(".loading").remove();}pageflag=true;}}).done(function(res) {options.success(res);}).fail(function() {layer.open({ content: "请求失败", time: 2});});}
0 0
- 移动端上滑加载更多
- 移动端滑动加载更多
- 移动端网页 下拉加载更多数据
- android 移动开发 实现上拉加载更多实现方式
- 移动端下拉刷新、上拉加载更多插件
- “无限加载更多”带来的移动端性能瓶颈
- 移动端下拉刷新、上拉加载更多插件dropload
- 移动端下拉加载更多DEMO(纯js实现)
- 移动端touch事件 -- 上拉加载更多
- 加载更多
- 加载更多
- 加载更多
- 加载更多
- spring mvc +HTML5实现移动端底部上滑异步加载更多内容分页效果
- 基于zepto的H5/移动端tab切换触摸拖动加载更多数据
- 移动端下拉刷新、上拉加载更多 Zepto/jQuery插件
- iscroll.js listloading.js是一个移动端的上拉、下拉加载更多的组件
- 移动端下拉刷新、上拉加载更多插件dropload的使用
- 【设计模式】行为模式之迭代器Iterator
- Android蓝牙之Gatt Hook
- LruCache 源码解析
- c++ string,const char*,char *相互转换
- Phalcon框架启动流程(部分源码)分析
- 移动端上滑加载更多
- LintCode(M)最小调整代价(待续)
- Spring MVC拦截器的使用
- 自己动手之WPscan windows版 (wordpress scan)
- python opencv 使用 Matplotlib显示图像
- Servlet学习之ServletConfig
- 利用hexo搭建个人博客
- Android Design新控件之TabLaout(一),快速打造一个滑动标签页
- 前端开发者的基本要求