我在布局中使用了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 );
});
}
);
});
最佳答案
你是对的steveax,谢谢。这是新的代码
function(newElements){
var $newElems = $(newElements);
$newElems.imagesLoaded(function(){
$('#wrapper').isotope( 'appended', $newElems );
$('.video').fitVids('appended', $newElems);
});
}
关于jquery - fitvid.js在无限滚动的第二页上停止工作(jQuery同位素),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9724698/