Fancybox 2不能使用jQuery 1.7.2
我试图使任何Lightbox类型的代码工作,它似乎不适用于jQuery 1.7.2。 我基本上是在iFrame中制作一个表单。 当有人点击横幅时,它会在灯箱中打开一个optin表单,他们可以注册邮件列表。 我目前正在使用Fancybox 2,当我使用时它看起来很漂亮:
但是当我回到:
它不再有效。 我想也许我可以在网站上使用1.7版本,但是当我这样做时,它会导致首页上的图片幻灯片停止工作。
现在,我用jQuery 1.7.2和1.8做了一个JSFiddle,他们都工作了。 所以现在我不知道是什么导致了这个问题。 为了清楚起见,我正在使用XAMPP在我的计算机上测试该站点而没有任何其他代码或插件,以避免在我最初测试时发生冲突。 我知道这不是一个可以用jQuery.noConflict解决的问题,因为它不能处理页面清理代码。
这是我用来测试function的代码:
$(document).ready(function() { $(".various").fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : '70%', height : '70%', autoSize : true, closeClick : false, openEffect : 'elastic', closeEffect : 'elastic', helpers : { overlay : { css : { 'background' : 'rgba(58, 42, 45, 0.3)' } } } }); });
有任何想法吗?
编辑
我发现它与WP包含文件和幻灯片有关。 幻灯片播放仅在我使用 。 如果我使用版本1.7.2或1.8或直接从jQuery.com链接的任何其他版本,它不起作用。 我想知道代码中是否有某些相对链接?
编辑
这是链接:
http://www.miller-media.com/sites/ncfit/index.html (这包含WP包含JS文件。你会注意到幻灯片显示工作正常,但如果你点击右上方的横幅,它有附加的fancybox代码,它只是链接到不在fancybox中的页面)
http://www.miller-media.com/sites/ncfit/index2.html (这是来自jquery.com的JS调用,具有相同版本的jquery(1.7.2)。幻灯片不再有效,但是fancybox如果你点击右上方的横幅,它会工作)
WP jQuery和官方版本之间的区别就是这一行
jQuery.noConflict();
在末尾。 可能会使用非冲突模式来避免扰乱Mootools画廊。 尝试使用包括官方jQuery,但随后直接运行上面的代码行。
我想到了。 感谢Owlvark指出WP jQuery中的noConflict。 我基本上必须为我的Fancybox代码做这些事情:
我只需要更改变量以使用noConflict,因为页面上还有Mootools。