jquery - ajax 请求后从多个 div 创建 fancybox 画廊

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 替换每个链接的 href=#caseStudyX 来调整我创建的这个小 jsfiddle =caseStudyX.php

这是 jsfiddle:http://jsfiddle.net/xavier_seignard/RDv2a/1/