2012-03-15 56 views
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); 
      }); 
     } 
    ); 
}); 
+0

鏈接頁面獲取404,但似乎你需要在加載新內容後再次調用'$(「。video」)。fitVids();'。 – steveax 2012-03-16 00:36:23

回答

2

你是對的steveax,謝謝。這裏是新代碼

function(newElements){ 
    var $newElems = $(newElements); 
    $newElems.imagesLoaded(function(){ 
    $('#wrapper').isotope('appended', $newElems); 
     $('.video').fitVids('appended', $newElems); 
    }); 
} 
+0

什麼是「附加」部分?它與同位素或無限滾動有關嗎?並非常感謝您發佈您的解決方案。這爲我節省了不少時間。 – helgatheviking 2012-09-14 00:16:49