jQuery-fancybox 冲突答案

【问题标题】：jQuery - fancybox conflictjQuery-fancybox 冲突
【发布时间】：2013-09-23 05:00:38
【问题描述】：

我的网站位于： http://210.48.94.218/~zealandt/book-a-tattoo/

我在地图坐标中的 jQuery 代码成功运行了 fancybox。但是，地图下方的链接的幻想框（城市链接）与 jquery 冲突。每个链接必须显示与地图坐标弹出类似的弹出窗口。

问：如何让我的 jQuery 代码不与 fancyBox 的 jquery 冲突？

显示城市链接弹出窗口的代码：

$('#table-list a').click(function(){
    OutputFancyBox($(this));
});

function OutputFancyBox(element){
fb = jQuery.noConflict();
fb.fancybox({
        href: '#inline-element',
        title: element.attr('title'),
        width    :  popUpWidth,
        height    : 450,
        fitToView    : false,
        autoSize    : false,
        closeClick    : false,
        openEffect    : 'elastic',
        closeEffect    : 'elastic',
        minHeight:      300,
        onCleanup : function() {
            $('#gform_wrapper_3').css("display","none");
        }
    });

}

【问题讨论】：

你试过注释掉选项onCleanup吗？（这对于fancybox v2 来说不是一个有效的选项）.. 你得到的错误指出了TypeError: fb.fancybox is not a function http://210.48.94.218/~zealandt/book-a-tattoo/ Line 662 这行......有趣的是你没有在你的其他fancybox 调用中使用noConflict。
解决了这个问题。谢谢。您可以写下您的答案，以便我接受。 :D

标签： javascript jquery fancybox fancybox-2

【解决方案1】：

您是否尝试过注释掉选项onCleanup？这不是 fancybox v2.x 的有效选项

你得到的错误指出了那条线：

TypeError: fb.fancybox is not a function 
http://210.48.94.218/~zealandt/book-a-tattoo/ 
Line 662

您没有在其他 fancybox 调用中使用noConflict，所以也许您也不需要它。

【讨论】：