拉动刷新 Javascript

Question

我正在使用 JQuery Mobile，并且我已经看到了几个 Pull to Refresh 脚本。

我特别喜欢这个，但即使是演示似乎也无法在他们的网站上运行。

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

Answer 1

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

使用了 iScroll 。

Answer 2

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

Answer 3

演示

用于拉动刷新的代码库

Answer 4

$("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 + ' %');
     })

});

Answer 5

强烈推荐这里的Pull to Refresh库。 刚刚实施它并且效果很好。

对于基本功能，请转到他们的GitHub并下载index.umd.min.js文件并将其包含在内。 然后，使用以下代码：

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

这将模仿您在此演示中可以看到的功能