【移动端翻页插件dropload.js（支持Zepto和jQuery）】的更多相关文章

移动端翻页插件dropload.js（支持Zepto和jQuery）

一. 声明 代码来源:github上的dropload项目. 二. 问题 dropload.js提供了最基本的上拉翻页,下拉刷新功能.对于由服务端一次返回所有数据的情况基本通用. 但是,需求往往不是服务端一次性返回所有数据,往往还要支持服务端分页,搜索,排序,多条件筛选等功能.(比较类似美团美食的界面) 三. 解决方案. 改进1:由于有分页,搜索,排序,多条件筛选功能,可能都不需要上拉,进到页面就没有数据. 例如:搜索一个服务端不存在的名字. 所以,添加接口设置setHasData. MyDro…

移动端日历选择控件（支持Zepto和JQuery）

移动端日历选择控件(支持Zepto和JQuery) <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scal…

移动端下拉刷新、加载更多插件dropload.js(基于jQuery/Zepto)

移动端下拉刷新.加载更多插件dropload.js(基于jQuery/Zepto) 原文:http://www.grycheng.com/?p=1869 废话不多说,先让大家看一下案例效果: DEMO1,加载底部 DEMO2,加载顶部.底部 DEMO3,固定布局,加载顶部.底部 使用方法 引用css和js <link rel="stylesheet" href="../dist/dropload.min.css"> <script src=&quo…

用fiddler测试移动端翻页

大家在移动端是怎么测试翻页的,肯定都是下拉或上滑吧,我也是这样测试的 但如果你要验证数据是否与pc端数据一致时,可能是第一页,第二页看看,或最后几页数据看看,在pc端看简单,直接点击最后一页就行,在移动端也可以一直用手去滑倒最后一页(但如果有个几十上百页你还能淡定的滑过去吗?) 接下来我要分享的就是fiddler请求断点,它的代理怎么设置 Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的“进出”Fiddler的数据(指co…

移动端-手机端-日历选择控件（支持Zepto和JQuery）

一. 效果图 二. 功能说明 1. 支持切换年份,月份. 2. 支持点击选中日期,也可以点击确定选择日期. 三. 使用方法 1. 添加Input 在你的页面中添加Input输入框.可以再html里,也可以JS动态加载. 我这里使用的时Input-group形式的输入框,是JS加载的. 一般使用的话,直接写个input输入框就行. <div class="item item-buydate input-group"> <span class="input-gr…

移动端下拉刷新、加载更多插件dropload.js(基于jQuery/Zepto)[转]

使用方法 引用css和js <link rel="stylesheet" href="../dist/dropload.min.css"> <script src="../dist/dropload.min.js"></script> $('.element').dropload({ scrollArea : window, loadDownFn : function(me){ $.ajax({ type: '…

移动端打印调试插件 - debug.js 介绍

前文中我们学习过,用 Fiddler 作为代理可以在移动端打开本地的页面进行查看(如何用 fiddler 代理调试本地手机页面),但是对于 js 的调试却无能为力(需要借助其他调试手段,比如 UC浏览器开发者版),只能通过 alert 输出一些东西. alert 的手段在一些简单的调试中还是蛮有效的,但是 alert 会将 js 线程挂起,而且会自动调用输出对象的 toString() 方法,这样有些对象的 alert 就会是 "[object Object]" 的字样.我们想如果能用…

网站引导页插件intro.js 的用法

intro.js是一个用于制作网页引导效果的js插件,用法很简单,intro.js.v2.0.rar 1.在需要的页面添加引用 intro.js introjs.css 这两个文件已经足够,但是文件夹themes中是不同的样式,如果需要也可以引入喜欢的样式 文件夹example中是demo,大家也可以照葫芦画瓢 2.参数说明 this._options = { /* 下一步按钮的显示名称 */ nextLabel: 'Next →', /* 上一步按钮的显示名称 */ prevLabel: '←…

移动端轮播图插件（支持Zepto和jQuery）

一. 效果图 二. 功能介绍 1. 支持图片自动轮播和非自动轮播 2. 支持点击和滑动. 三. 简单介绍 代码都有注释,逻辑简单,不做更多赘述. 1. 在你的html中添加一行. <section class="slider-wrap" style="height:160px" id="banner"></section> 2. 在你的处理页面逻辑的JS代码中添加以下代码: (1)先是动态加载html. (2)然后调用sl…

Swipe-移动端触摸滑动插件swipe.js

原文链接:http://caibaojian.com/swipe.html 插件特色 viaswipe.JS是一个比较有名的触摸滑动插件,它能够处理内容滑动,支持自定义选项,你可以让它自动滚动,控制滚动间隔,返回回调函数等.经常可见使用在移动前端开发中.原文来自:http://caibaojian.com/swipe.html 使用方法 下面是一个比较简单的使用例子,添加适当的html代码和js代码即可. <div id='slider' class='swipe'> <div clas…