国产免费又爽又刺激在线观看,免费一级毛片在线播放放视频,最近日本免费观看高清视频,亚洲无码视频观看

<ruby id="cmmwe"></ruby>

  • <var id="cmmwe"></var>
    <b id="cmmwe"></b>
    <source id="cmmwe"><track id="cmmwe"><ins id="cmmwe"></ins></track></source>

      1. 0712-2888027 189-8648-0214
        微信公眾號

        孝感風信網(wǎng)絡(luò)科技有限公司微信公眾號

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

        Infinite Scroll無限滾動加截數(shù)據(jù)插件

        時間:2016-10-21來源:風信官網(wǎng) 點擊: 972次
        無限滾動(Infinite Scroll)也稱為自動分頁、滾動分頁和無限分頁。常用在圖片、文章或其它列表形式的網(wǎng)頁中,用來在滾動網(wǎng)頁的時候自動加載下一頁的內(nèi)容。
         
        官方網(wǎng)站: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)
        });
         
        元素內(nèi)部滾動示例:
         
        $('.selector').infinitescroll({
          behavior: 'local',
          binder: $('.selector'), // scroll on this element rather than on the window
          // other options
        });
         
        讀取JSON數(shù)據(jù)示例:
         
        $('.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 ..
        });
        欄目列表
        推薦內(nèi)容
        熱點內(nèi)容
        展開