0

私は自分のサイトを持っています: http://210.48.94.218/~zealandt/book-a-tattoo/

マップ座標の jQuery コードは、fancybox を正常に実行しています。ただし、マップの下のリンクのファンシー ボックス (都市リンク) は jquery と競合しています。各リンクは、マップ座標ポップアップと同様のポップアップを表示する必要があります。

Q: fancyBox の jquery と競合しないように 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");
        }
    });

}
4

1 に答える 1

1

オプションをコメントアウトしようとしましたonCleanupか？これは fancybox v2.x では有効なオプションではありません

あなたが得るエラーはその行を指しています：

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

あなたはnoConflict他のファンシーボックス呼び出しで使用していないので、そこにも必要ないかもしれません。

于 2013-09-23T06:31:18.233 に答える