php - 下拉刷新(Div)

Question

问题

当你拉<div id="content">时我怎样才能到达那里？向下，它会执行一个功能并在屏幕顶​​部显示一个 div，上面写着“下拉以刷新”？

我知道 iScroll 可以做到这一点，但它不适用于我想要做的事情。它仅适用于 UL。

这是我的 HTML

<div id="pullDown"> 
    <span class="pullDownIcon"></span><span class="pullDownLabel">Pull down to refresh...
    </span>
</div>
<div id="content">
    (There is a bunch of items that are loaded in via jquery and php, when you pull down to refresh, I want it to basically react that function.)
</div>

Answer 1

<script>
  $(function() {
    var refreshCallback = function(loader) {
      setTimeout(function(){
        //loader.finish();

      }, 1000);
    };

    var cancelRefreshing = function() {
    };

    $("#draggable").pulltorefresh({
      async: true,
      // event triggered when refreshing start
      refresh: function(event, finishCallback) {
        element = $(this)
        setTimeout(function(){
          alert("refresh");

          // you must call this function if refreshing process runs asynchronusly
          finishCallback();
        }, 1000);
      },
      abort: function() {
        alert("abort");
      }
    });
  });
  </script>

完整演示 Click Here