fitvid.js перестает работать на второй странице бесконечной прокрутки (изотоп jquery) - PullRequest
2 голосов
/ 15 марта 2012

Я использую плагин изотопа 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 );
            });
        }
    );
});

1 Ответ

2 голосов
/ 16 марта 2012

Вы были правы, Steveax, спасибо.Вот новый код

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