fitvid.js停止在无限卷轴(jquery)的第二页上工作
我在布局中使用jquery同位素插件(和无限滚动)+fitvids.js。我得到了它的大部分工作,但问题是与视频包含在网页加载无限滚动 第一页中的视频1和视频2正在调整大小 加载无限滚动插件的第二页中的Vid#3被忽略 我的代码:fitvid.js停止在无限卷轴(jquery)的第二页上工作,jquery,jquery-isotope,infinite-scroll,Jquery,Jquery Isotope,Infinite Scroll,我在布局中使用jquery同位素插件(和无限滚动)+fitvids.js。我得到了它的大部分工作,但问题是与视频包含在网页加载无限滚动 第一页中的视频1和视频2正在调整大小 加载无限滚动插件的第二页中的Vid#3被忽略 我的代码: $(document).ready(function() { // start fitvids.js $(".video").fitVids(); // start isotope var $container = $('#wrapper'); $
$(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 );
});
}
);
});
你说得对,史蒂文斯,谢谢。这是新代码
function(newElements){
var $newElems = $(newElements);
$newElems.imagesLoaded(function(){
$('#wrapper').isotope( 'appended', $newElems );
$('.video').fitVids('appended', $newElems);
});
}
链接页面获得404,但似乎需要调用
$(“.video”).fitVids()加载新内容后,再次执行代码>操作。“附加”部分用于什么?它与同位素有关还是与无限卷轴有关?非常感谢您发布您的解决方案。这帮我节省了不少时间。