2011-06-30 47 views
0

這是我的代碼:jQuery:Fancybox使用ajax在chrome中產生一個錯誤循環

<a href="url" class="fancybox">Text</a> 
jQuery(document).ready(function() { 
    jQuery(".fancybox").fancybox({ 
     'overlayShow': true, 
     'hideOnContentClick': false 
    }); 
}); 

顯示框,內容已加載但在chrome的錯誤控制檯中「Uncaught TypeError:無法調用未定義的方法'寬度'」。

可以關閉該框,但之後無法再次打開它。

我正在使用FB 1.3.4和jQuery 1.5.1。

回答

4

Ive有同樣的問題前,原因是我是裝的是漸漸加載的文件裏面的fancybox.1.3.4.js文件由fancybox在第一位。

如果你這樣做,這將是問題。否則我不知道。

+0

非常有用的答案,THX:D。當我使用AJAX調用Rails動作時,它正在重新載入application.html.erb,它再次調用jquery.fancybox-1.3.4.pack。 – Bachet

+0

感謝您指出正確的方向。我正面臨類似的問題,但我的重複jQuery。謝謝 – Himanshu

2

問題是由您沒有提及使用iframe的代碼引起的。

您必須聲明是這樣的:

$('a[rel^=iframe_group]').fancybox({ 
    'autoDimensions' : false, 
    'autoScale'  : false,  
    'width'   : '50%', 
    'height'  : '80%', 
    'transitionIn'  : 'none', 
    'transitionOut'  : 'none', 
    **'type'   : 'iframe'** 
}); 
+0

非常感謝你發佈這個答案。我面臨同樣的問題,並最終通過您的答案得到解決。 – VenkatK

相關問題