欧美国产另类久热|951超碰伊人久久|伊人影视久久久久|色婷婷亚洲小电影|色东京热69XX|婷婷玖玖深爱网|加勒比东京热网站|无码A级毛片在线观看|一级a毛一级a看|中文字幕人妻欧美

jquery 實現(xiàn)滾動條下拉時無限加載的簡單實例
來源:易賢網 閱讀:2267 次 日期:2016-06-17 13:46:38
溫馨提示:易賢網小編為您整理了“jquery 實現(xiàn)滾動條下拉時無限加載的簡單實例”,方便廣大網友查閱!

下面小編就為大家?guī)硪黄猨query 實現(xiàn)滾動條下拉時無限加載的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。

思路:

通過捕捉瀏覽器滾動條下拉事件,觸發(fā)異步加載數據的js方法,實現(xiàn)數據的動態(tài)添加。

腳本:

var lastId=0;//記錄每一次加載時的最后一條記錄id,跟您的排序方式有關。

  var isloading = false;

  $(window).bind("scroll", function () {

    if ($(document).scrollTop() + $(window).height() 

       > $(document).height() - 10 && !isloading) {

      isloading = true;

      getMore();

    }

  });

function getMore() {

    var url = "ajaxdata.aspx"?lastId=" + lastId +"&type=" + 其他參數

    $.getJSON(url, function (data) { 

      var html="";

       ... ...

      $(html).insertAfter($(".elem").last());

      isloading = false;

    }

  }

以上這篇jquery 實現(xiàn)滾動條下拉時無限加載的簡單實例就是小編分享給大家的全部內容了,希望能給大家一個參考

更多信息請查看網絡編程
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網