JQuery Fancybox 弹出框答案

【问题标题】：JQuery Fancybox popup boxJQuery Fancybox 弹出框
【发布时间】：2012-08-20 23:46:32
【问题描述】：

我正在尝试使用 jquery 和 fancybox 来弹出一个带有重力形式的页面。我遵循了以下指示：

http://www.gravityhelp.com/creating-a-modal-form-with-gravity-forms-and-fancybox/

一切似乎都正常工作，除了 jquery 部分。它不会在页面上的弹出框中打开。

这是一个链接

http://whistlerworks.com/clients/nawreck/site/

这是左下角的第一个方框，上面写着我们的律师已经追回数百万美元。当您将鼠标悬停在该框上并单击它时，它应该会拉出弹出框，但它只是将您重定向到该页面。

谢谢

【问题讨论】：

当您只需要一个实例时，您正在加载 jQuery 两次……最好是最新版本。
我是 jquery 新手，所以....我没有看到我在哪里加载了两次。
您不需要 jQuery 知识，但需要基本的 HTML 知识...在文档的 <head> 部分中，您使用 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script> 加载 jQuery，但您有两个版本（v1.4.1 和 1.7 .2)，寻找它们。
我有很多html知识，但是header.php文件中没有1.7.2版本。我添加了
就在这里 whistlerworks.com/clients/nawreck/site/wp-includes/js/jquery/… 就在此在您的 <head> 部分中发表评论

标签： jquery fancybox

【解决方案1】：

确保你拥有所有这 3 行；

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/fancybox/jquery.fancybox-1.3.0.css" media="screen" />
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/jquery.fancybox-1.3.0.pack.js"></script>

【讨论】：

我愿意，我有以下代码。我更改了 fancybox 的路径，因为当我下载它时，路径后面没有版本类型。我在头部的代码如下：

【解决方案2】：

您不应该使用 jQuery 的 2 个版本，并且从 jQuery 1.7 开始，委托已被 on() 取代。所以只需在 Fancybox 之前包含一个 jQuery 脚本，它的版本低于 1.7，你应该准备好了。

【讨论】：