我正在使用 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 容器创建一个画廊,使案例研究可点击?
最佳答案
这是基本思想:您需要在加载此内容之前调整 fancybox 的内容,因此您可以定义一个 beforeLoad
回调,如下所述: http://fancyapps.com/fancybox/#docs
但实现它的最简单方法是为每个案例研究创建一个网页,并通过用 href 替换每个链接的
href=#caseStudyX
来调整我创建的这个小 jsfiddle =caseStudyX.php
这是 jsfiddle:http://jsfiddle.net/xavier_seignard/RDv2a/1/
关于jquery - ajax 请求后从多个 div 创建 fancybox 画廊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13376442/