如何用jQuery编写实现下拉刷新的网页组件？

本文共计1493个文字，预计阅读时间需要6分钟。

原文：本实例讲述了jQuery实现的上拉刷新功能组件。分享给广大爱好者参考，具体如下：+ 技术要点： 1. jQuery的插件写法 2. 上拉刷新步骤分解 3. CSS样式 4. jQuery的插件写法： + $[fn].pluginName=function(options) { ... };

改写后：本例展示如何用jQuery实现上拉刷新功能。以下为关键点概述，供大家参考：+ 技术要点： 1. jQuery插件编写 2. 上拉刷新步骤解析 3. CSS样式设置 4. jQuery插件编写方式： + $.fn.pluginName=function(options) { ... };

本文实例讲述了jQuery实现的上拉刷新功能组件。分享给大家供大家参考，具体如下：

技术要点：

1、jQuery的插件写法

2、上拉刷新步骤分解

3、css样式

jQuery的插件写法：

$.fn.pluginName = function() { return this.each(function () { fn(); }) };

上拉刷新步骤分解：

上拉刷新可以分解成三个部分：一是开始（start），记录当前鼠标的位置；二是移动（move），根据下拉的位移响应不同的视图；三是结束（end），刷新页面。