在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')。我希望我现在更清楚。