的fancybox不通過infiniteScroll

加載頁面使用jQuery砌體工作，我有我的建立在砌體插件組合網站三個頁面（HTTP：// WWW 4pixels.co.uk/）。在第一頁上，fancybox可以完美地處理一些圖像。的fancybox不通過infiniteScroll

但是當我使用infiniteScroll在第一頁的底部加載第2頁，花哨的框鏈接停止工作，只是粗框圖像加載到一個新的頁面。

如果我打開第2頁（http://www.4pixels.co.uk/index2.html）直接進入它工作得很好的瀏覽器（與所有的CSS/JS）。我已經從頁面中刪除了js和css，因爲它從頁面1加載它們，但它沒有區別，花式框仍然不起作用（該圖像是Winston Ellis網站的響應屏幕）

所有最優秀的安迪

我已經試過

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

，但仍然沒有工作。我看到你的例子是工作，所以我不得不把它分開，因爲我看不出是我走錯了..

來源

2012-02-01 Andy Nightingale

奇怪的是，我發現它在Firefox的Mac版本，但不是Safari瀏覽器或Chrome，所以它似乎有什麼東西特定瀏覽器？我還沒有在PC瀏覽器上測試。 – 2012-02-05 14:21:05

任何人都知道爲什麼這可以在Firefox中使用，但不在Safari或Chrome中？ – 2012-02-06 12:10:22

的fancybox V1.3.4不能綁定到動態添加元素（如那些由infiniteScroll添加）。

如果你想擁有的fancybox綁定到這些新的元素，你有兩個選擇：

1：升級到的fancybox V2.X ...或

2：繼續使用的fancybox V1.3.4但改變你的腳本並在（）上使用jQuery。 follow this link to learn how to

來源

2012-02-02 05:37:35 JFK

的fancybox不通過infiniteScroll

回答

相關問題