1. <p id="ijjhg"></p>
      <acronym id="ijjhg"></acronym>

    2. <p id="ijjhg"></p>
      <table id="ijjhg"><ruby id="ijjhg"><mark id="ijjhg"></mark></ruby></table>
      0712-2888027 189-8648-0214
      微信公眾號

      孝感風信網絡科技有限公司微信公眾號

      當前位置:主頁 > 技術支持 > Javascript/JQuery > Infinite Scroll無限滾動加截數據插件

      Infinite Scroll無限滾動加截數據插件

      時間:2024-07-14來源:風信官網 點擊: 849次
      無限滾動(Infinite Scroll)也稱為自動分頁、滾動分頁和無限分頁。常用在圖片、文章或其它列表形式的網頁中,用來在滾動網頁的時候自動加載下一頁的內容。
       
      官方網站:http://www.infinite-scroll.com
       
      Infinite Scroll插件下載址:http://downloads.wordpress.org/plugin/infinite-scroll.zip
       
      方法
       
      Bind
      $('.selector').infinitescroll('bind');
       
      Unbind
      $('.selector').infinitescroll('unbind');
       
      Destroy
      $('.selector').infinitescroll('destroy');
       
      Pause
      $('.selector').infinitescroll('pause');
       
      Resume
      $('.selector').infinitescroll('resume');
       
      Toggle
      $('.selector').infinitescroll('toggle');
       
      Retrieve
      $('.selector').infinitescroll('retrieve');
       
      Scroll
      $('.selector').infinitescroll('scroll');
       
      Update
      $('.selector').infinitescroll('update', {debug: true});
       
      選項:
       
      $('.selector').infinitescroll({
        loading: {
          finished: undefined,
          finishedMsg: "<em>Congratulations, you've reached the end of the internet.</em>",
                      img: null,
          msg: null,
          msgText: "<em>Loading the next set of posts...</em>",
          selector: null,
          speed: 'fast',
          start: undefined
        },
        state: {
          isDuringAjax: false,
          isInvalidPage: false,
          isDestroyed: false,
          isDone: false, // For when it goes all the way through the archive.
          isPaused: false,
          currPage: 1
        },
        behavior: undefined,
        binder: $(window), // used to cache the selector for the element that will be scrolling
        nextSelector: "div.navigation a:first",
        navSelector: "div.navigation",
        contentSelector: null, // rename to pageFragment
        extraScrollPx: 150,
        itemSelector: "div.post",
        animate: false,
        pathParse: undefined,
        dataType: 'html',
        appendCallback: true,
        bufferPx: 40,
        errorCallback: function () { },
        infid: 0, //Instance ID
        pixelsFromNavToBottom: undefined,
        path: undefined, // Can either be an array of URL parts (e.g. ["/page/", "/"]) or a function that accepts the page number and returns a URL
        maxPage:undefined // to manually control maximum page (when maxPage is undefined, maximum page limitation is not work)
      });
       
      元素內部滾動示例:
       
      $('.selector').infinitescroll({
        behavior: 'local',
        binder: $('.selector'), // scroll on this element rather than on the window
        // other options
      });
       
      讀取JSON數據示例:
       
      $('.selector').infinitescroll({
        // other options
        dataType: 'json',
        appendCallback: false
      }, function(json, opts) {
        // Get current page
        var page = opts.state.currPage;
        // Do something with JSON data, create DOM elements, etc ..
      });
      欄目列表
      推薦內容
      熱點內容
      展開
      中文字幕第二页在线天堂中文_中文字幕制服丝袜在线观看_美女胸禁止18以下看免费国产_中日韩人妻一级毛片