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

标签 jquery ajax fancybox

我正在使用 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/

相关文章:

javascript - 从 html 访问 jQuery 数据

jquery - 使用 if 检查类,然后添加 jquery 类

javascript - 如何在ajax页面上启用后退按钮

jquery - 使用 fancybox 打开图像时,如何摆脱浏览器滚动条?

javascript - 带有 Fancybox 的 IE8 中的 jQuery 问题

javascript - Fancybox 不是函数

javascript - Zurb Foundation javascript reInit 模块不工作

javascript - jQuery 更改任何表单字段值但忽略显示切换

javascript - 从 db 调用 ajax 后,表单中的按钮不起作用

javascript - 禁用模式对话框的鼠标中键