2012-03-15 9 views
2

レイアウトにjquery isotopeプラグイン(および無限スクロール)+ fitvids.jsを使用しています。私はそれが大部分のために働いているが、問題は無限のスクロールでロードされたページに含まれているビデオです。最初のページにfitvid.jsが無限スクロール(jquery同位体)の2ページ目で作業を停止します

vids再生#1及び#2無限スクロールプラグインがロードされ、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を取得し、新たなコードですが、あなたは、 '$(「ビデオを。」)を呼び出す必要があるように思えるfitVidsを();'再び新しいコンテンツをロードした後。 – steveax

答えて

2

あなたは正しいsteveaxだった、ありがとう。ここで

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

'添付された'部分は何ですか?それは同位体または無限のスクロールに関連していますか?そして、あなたのソリューションを投稿してくれてありがとう。これでちょうど私の時間がかなり節約されました。 – helgatheviking

関連する問題