Question

我正在使用fancybox2，并希望创建一个很好的可点击的fancybox，其中包含来自参考项目的案例研究。

我们的想法是在一个触发文件的页面上有一个链接<a class="fbajax fancybox.ajax" href="filename">（暂时为.txt，以后将被.php文件替换），以便在fancybox中打开。

<script>
  $(document).ready(function() {
    $(".fbajax").fancybox({
    });
  });
</script>

在文件中有几个div容器<div class="fb2wrap">，每个容器包含来自单个案例研究的内容。

目前所有<div class="fb2wrap">都列在一个fancybox项目上。如何让fancybox从我的div容器中创建一个库，以使案例研究可以点击？

Answer 1

以下是基本想法：您需要在加载此内容之前调整fancybox的内容，以便您可以按照此处所述定义beforeLoad回调：http://fancyapps.com/fancybox/#docs

但实现它的最简单方法是为每个案例研究创建一个网页，并通过href=#caseStudyX

替换每个链接的href=caseStudyX.php来调整我创建的小jsfiddle