在AJAX網站上加載FancyBox圖片庫

Question

我創建了一個使用AJAX動態加載內容的網站，但是這在嘗試加載FancyBox圖片庫時導致了問題。

如果你去：http://darynjohnson.com/Medical%20Futures/gallery.php - 畫廊加載罰款，如你所料。

但是，如果你先去另一個頁面，然後回到它不起作用的畫廊。 http://darynjohnson.com/Medical%20Futures/about.php#gallery.php

爲什麼會出現這種情況的任何想法？

Answer 1

我認爲這個問題是從gallery.php：

$(document).ready(function() { 
    $(".fancybox").fancybox(); 
}); 

這將觸發對文檔加載，你可以嘗試手動調用該函數一旦你從about.php（或任何其他網頁）加載頁面。

$(function() { 
    $(".fancybox").fancybox(); 
}); 

編輯：也許，取而代之的是你可以做類似這樣的東西在dynamicpage.js：

後$pageWrap.animate({ ... });，加$(".fancybox").fancybox();。這將確保鏈接準備在點擊時打開圖庫。 可以使用更好的方法來調用爲每個頁面定義的函數，或者可以添加一個條件來檢查例如if (newHash == 'gallery.php')。我希望我現在更清楚。