<video id="h99qi"><ins id="h99qi"><span id="h99qi"></span></ins></video>

        <var id="h99qi"><td id="h99qi"></td></var>
        1. <acronym id="h99qi"></acronym>
          <wbr id="h99qi"><code id="h99qi"><span id="h99qi"></span></code></wbr>

          1. <var id="h99qi"><th id="h99qi"></th></var>
            0712-2888027 189-8648-0214
            微信公眾號

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

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

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

            時間:2024-01-23來源:風信官網 點擊: 607次
            無限滾動(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禁无码毛片精品久久久久久_精品熟妇无码av免费久久_午夜福利片