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 从我的 div 容器创建一个画廊，使案例研究可点击？

score 0 · Accepted Answer

这是基本思想：您需要在加载此内容之前调整fancybox的内容，因此您可以定义一个beforeLoad回调，如下所述：http: //fancyapps.com/fancybox/#docs

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

1 回答 1