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

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

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

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

時間:2024-07-12來源:風信官網 點擊: 847次
無限滾動(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 ..
});
欄目列表
推薦內容
熱點內容
展開
97碰人妻公开免费视频|无码不卡免费一级毛片视频|日韩欧美另类亚洲中文字幕|一区二区三区在线观看