Fancybox не работает с jQuery Masonry на страницах, загруженных через бесконечный прокрутку

У меня есть три страницы на сайте моего портфолио, созданные с помощью плагина Masonry (http://www.4pixels.co.uk/). На первой странице fancybox отлично работает для нескольких изображений.

Но когда я использую бесконечный прокрутку для загрузки страницы 2 внизу первой страницы, ссылки на причудливые коробки перестают работать и просто загружают изображение толстой коробки на новую страницу.

Если я загружаю страницу 2 (http://www.4pixels.co.uk/index2.html) прямо в браузер, она работает нормально (со всеми css/js). С тех пор я удалил js и css с этой страницы, поскольку она загружает их со страницы 1, но это не имеет значения, и причудливая коробка по-прежнему не работает (изображение, с которым можно попробовать, — это адаптивные экраны для веб-сайта Уинстона Эллиса)

Всего наилучшего Энди

я пытался

    $(document).ready(function() {
    $("#tumblelog").on("focusin", function(){
    $("a.example2").fancybox({
    'overlayShow'   : true,
    'transitionIn'  : 'elastic',
    'transitionOut' : 'elastic'
     });
     });
     });

но все еще не работает. Я вижу, что ваш пример работает, поэтому мне придется разобрать его, так как я не вижу, где я ошибаюсь.


infinite-scroll fancybox jquery-masonry
person Andy Nightingale    schedule 01.02.2012    source источник
comment
Любопытно, что я обнаружил, что он работает в версии Firefox для Mac, но не в Safari или Chrome, так что, похоже, это что-то специфичное для браузера? Я еще не тестировал браузеры ПК.   -  person Andy Nightingale    schedule 05.02.2012
comment
Кто-нибудь знает, почему это работает в Firefox, но не в Safari или Chrome?   -  person Andy Nightingale    schedule 06.02.2012

Ответы (1)


arrow_upward
0
arrow_downward

Fancybox v1.3.4 нельзя привязать к динамически добавляемым элементам (например, к элементам, добавленным с помощью бесконечной прокрутки).

Если вы хотите привязать fancybox к этим новым элементам, у вас есть два варианта:

1: обновить до fancybox v2.x... или

2: продолжайте использовать fancybox v1.3.4, но измените свой скрипт и используйте jQuery on(). перейдите по этой ссылке, чтобы узнать, как

person JFK    schedule 02.02.2012