2013-09-23 43 views
0

我有我的網站: http://210.48.94.218/~zealandt/book-a-tattoo/jQuery的 - 的fancybox衝突

我在地圖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

你有沒有試過註釋掉'onCleanup'選項? (對fancybox v2來說這不是一個有效的選項)..你得到的錯誤指向那行'TypeError:fb.fancybox不是函數 http://210.48.94.218/~zealandt/book-a-tattoo/ Line 662' ...有趣的是,在其他fancybox調用中不使用'noConflict'。 – JFK

+0

解決了這個問題。謝謝。你可以寫你的答案,以便我可以接受它。 :d – Jed

回答

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調用所以也許你並不需要它也有。