简体   繁体   English

jQuery Fancybox弹出框

[英]JQuery Fancybox popup box

I'm trying to use jquery and fancybox to popup a page with a gravity forms in it. 我正在尝试使用jquery和fancybox弹出其中具有重力形式的页面。 I've followed the following directions: 我遵循以下指示:

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

Everything seems to be working properly, with the exception of the jquery part. 除了jquery部分,其他所有内容似乎都正常运行。 It does not open in a popup box on the page. 它不会在页面上的弹出框中打开。

Here is a link 这是一个链接

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

It is the first box on the bottom left that says Our attorneys have recovered millions. 这是左下角第一个表示我们的律师已追回数百万美元的方框。 when you hover over the box and click it should pull up the popup box but instead it just redirects you to the page. 当您将鼠标悬停在该框上并单击时,应拉出弹出框,但它只是将您重定向到页面。

Thanks 谢谢

You shouldn't use 2 versions of jQuery, and as from jQuery 1.7 delegate has been replaced by on(). 您不应该使用jQuery的2个版本,从jQuery 1.7开始,委托已被on()取代。 So just include ONE jQuery script before Fancybox, whose version is less than 1.7 and you should be ready to go. 因此,只需在Fancybox之前添加一个jQuery脚本,其版本小于1.7,您就可以开始使用了。

Make sure you have all these 3 lines; 确保您拥有所有这三行;

<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>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM