拉动刷新Javascript

时间:2011-11-13 09:35:25

标签: javascript jquery jquery-mobile

我正在使用JQuery Mobile,我已经看过几个Pull to Refresh Scripts。

我特别喜欢this one,但即使是演示似乎也不适用于他们的网站。

我的问题是......有没有人知道为网络应用程序刷新脚本的任何工作拉动?

5 个答案:

答案 0 :(得分:16)

以下是一个示例性实现:http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/

iScroll被使用了。

答案 1 :(得分:4)

我已经构建了自己的jQuery / jQuery Mobile插件(支持刷新和无限滚动):https://github.com/zippy1978/jquery.scrollz

答案 2 :(得分:4)

Demo

Code Base用于刷新

答案 3 :(得分:1)

$("body").ready(function _onbodyready() {
    var $feedback = $('#feedback');
    $("#main-content-div")
      .pullToRefresh()
     .on("end.pulltorefresh", function (e, percent){
      $feedback.html("ok");
   })
     .on("move.pulltorefresh", function (e, percent){
      $feedback.html(percent + ' %');
     })

});

答案 4 :(得分:0)

在这里强烈推荐Pull to Refresh库。刚刚实施,效果很好。

要获得基本功能,请转到他们的GitHub并下载 index.umd.min.js 文件并将其包括在内。然后,使用以下代码:

PullToRefresh.init({
  mainElement: '#main_div',
  onRefresh: function() { location.reload(); }
});

这将模仿您在this demo

中可以看到的功能