php 下拉刷新,HUI

HUI 下拉刷新说明

需要引用 hui-refresh-load-more.js

核心函数 hui.refresh('#refreshContainer', refresh, icon1, icon2, loading );

功能：实现下拉刷新。

参数：

1、refreshContainer ：刷新针对的核心 dom 元素(请使用id选择器)；

2、refresh ：刷新时执行的函数；

3、icon1 [ 可省参数 ]：默认值 : 继续下拉刷新"，修改此参数可以改变下拉过程中继续下拉的提示内容；

4、icon2 [ 可省参数 ]：默认值 : 释放立即刷新，"，修改此参数可以改变下拉过程中释放立即刷新的提示内容；

5、loading [ 可省参数 ]：默认值 :

加载中

修改此参数可以改变加载中的动画效果；

总结：通过修改 3/4/5 3个参数可以完成自定义的下拉动画效果！

hui.endRefresh();

在刷新完成后使用 hui.endRefresh(); 函数结束刷新及其动画效果。

完整代码示例html>

HUI 

HUI 下拉刷新

hui.refresh('#refreshContainer', refresh);

function refresh(){

if(hui.refreshNumber 

hui.get(

'http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=list1&page=1',

function(res){

var data = res.split('--hcSplitor--');

var html = '';

for(var i = 0; i 

html += '

'+data[i]+'

';

}

hui('#list').html(html);

hui.endRefresh();

//关闭loading

hui.loading('加载中...', true);

},

function(){

hui.loading('加载中...', true);

hui.toast('连接服务器失败！');

hui.endRefresh();

}

);

}