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