我在布局中使用jquery同位素插件(和无限滚动)+ fitvids.js。我在大多数情况下都使用它,但问题在于加载了无限滚动的页面中包含的视频。
第一页中的视频#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 );
});
}
);
});
答案 0 :(得分:2)
你是对的史蒂夫斯,谢谢。这是新代码
function(newElements){
var $newElems = $(newElements);
$newElems.imagesLoaded(function(){
$('#wrapper').isotope( 'appended', $newElems );
$('.video').fitVids('appended', $newElems);
});
}