jQuery - fancybox冲突

时间:2013-09-23 05:00:38

标签: javascript jquery fancybox fancybox-2

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

我在地图坐标中的jQuery代码成功运行了fancybox。 但是,地图下方的链接'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");
        }
    });

}

1 个答案:

答案 0 :(得分: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,所以也许你也不需要它。