2
我在佈局中使用jquery同位素插件(和無限滾動)+ fitvids.js。我的工作大部分都是這樣,但問題在於無限滾動頁面中包含的視頻。fitvid.js停止無限滾動(jquery同位素)的第二頁工作
西元#1和#2中的第一頁被調整大小
VID#3裝載有無限滾動插件的第二頁被忽略
我的代碼:
$(document).ready(function() {
// start fitvids.js
$(".video").fitVids();
// start isotope
var $container = $('#wrapper');
$container.isotope({
itemSelector : '.post'
});
$container.infinitescroll({
navSelector : '#page-nav', // selector for the paged navigation
nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
itemSelector : '.post', // selector for all items you'll retrieve
loading: {
finishedMsg: 'No more pages to load.',
img: 'http://i.imgur.com/qkKy8.gif'
}
},
// call Isotope as a callback
function(newElements){
var $newElems = $(newElements);
$newElems.imagesLoaded(function(){
$('#wrapper').isotope('appended', $newElems);
});
}
);
});
鏈接頁面獲取404,但似乎你需要在加載新內容後再次調用'$(「。video」)。fitVids();'。 – steveax 2012-03-16 00:36:23