JQuery插件iScroll实现下拉刷新，滚动翻页特效__function_refresh_json_generatedCount_方法_

当前位置: 编程技术>WEB前端

JQuery插件iScroll实现下拉刷新，滚动翻页特效

来源: 互联网发布时间：2014-08-25

本文导语: JQuery插件：iScroll 页面布局：下拉刷新... 上拉加载更多... 翻页，是通过ajax请求，把页码传入一般...

JQuery插件：iScroll

页面布局：

翻页，是通过ajax请求，把页码传入一般处理程序，在一般处理程序中获得分页后的数据返回json数组对象。

下拉刷新：

/**
  * 下拉刷新 （自定义实现此方法）
  * myScroll.refresh(); // 数据加载完成后，调用界面更新方法
  */
  function pullDownAction() {
   setTimeout(function () { 
    var el, li, i;
    el = document.getElementById('thelist');
    //==========================================
    $.ajax({
     type: "GET",
     url: "LoadMore.ashx",
     data: { page: generatedCount },
     dataType: "json",
     success: function (data) {
      var json = data;
      $(json).each(function () {
       li = document.createElement('li');
       // li.innerText = 'Generated row ' + (++generatedCount);
       li.innerHTML = '';
       el.insertBefore(li, el.childNodes[0]);
      })
     }
    });
    myScroll.refresh(); //数据加载完成后，调用界面更新方法  Remember to refresh when contents are loaded (ie: on ajax completion)
   }, 1000);  //