mobile dropload.专为移动端设计的下拉刷新，原

更新说明

Mdropload(node,_opt);

node:需要进行操作的节点,可以直接传入CSS3选择器，或者document.querySelect选中的节点。

_opt:

template结构

{ none: '下拉刷新', message: '释放更新', loading: '正在更新，请稍后', success: '刷新成功', end: '虾面没有了', //此字符为底部加载更多独有 error: '刷新失败' }

fn回调函数 callback

Mdropload 返回方法

普通版:查看

压缩版:查看

VUE版:查看

<script src='src/Mdropload.js'></script> 3. 使用

Mdropload(document.querySelector('#touchObj'), { height: 50 up: { fn: function (cb) { console.log('触发了下拉操作'); setTimeout(function () { cb.success(); }, 1000); }, template: { none: '下拉刷新', message: '释放更新', loading: '正在更新，请稍后', success: '刷新成功', error: '刷新失败' } }, down: { fn: function (cb) { console.log('触发了上拉操作'); cb.success(); // 重置操作 // cb.reset(); }, template: { none: '上拉刷新', message: '释放更新', loading: '正在更新，请稍后', success: '刷新成功', error: '刷新失败' } } }); 4. vue使用

npm install --save vue-dropload 在项目中引用

import vuedropload from 'vue-dropload'; import vue from 'vue'; vue.use(vuedropload); 使用

import Hello from './components/Hello' import vue from 'vue' export default { components: { Hello }, mounted () { console.log('ready ok') vue.Mdropload( document.querySelector('#app'), { height: 50, up: { fn: function (cb) { console.log('触发了下拉操作') setTimeout(function () { cb.success() }, 5000) }, template: { none: '下拉刷新', message: '释放更新', loading: '正在更新，请稍后', success: '刷新成功', error: '刷新失败' } }, down: { fn: function (cb) { console.log('触发了上拉操作') cb.success(); }, template: { none: '上拉刷新', message: '释放更新', loading: '正在更新，请稍后', success: '刷新成功', error: '刷新失败' } } } ) } }

前往DEMO

1001:无法寻找到可设置的html节点,请确认后再次调用.

传入的需要设置的节点是null.