2013-07-24 32 views
0

我是新來使用fancybox。 我加入正確的路徑的fancybox源文件,我想在這兩個Chrome和Firefox,無論控制檯返回我錯誤問題在使用Fancybox

ReferenceError: jQuery is not defined [Break On This Error]

}(window, document, jQuery));

jquery...ybox.js (line 2020) TypeError: $(...).fancybox is not a function [Break On This Error]

'type' : 'iframe'

和我的代碼是

>

$(document).ready(function() { 
>  $("#iframe").fancybox({ 
>  'width'   : '75%', 
>  'height'  : '75%', 
>  'autoScale'  : false, 
>  'transitionIn' : 'none', 
>  'transitionOut' : 'none', 
>  'type'   : 'iframe' }); }); 

<a id="iframe" href="/cms/new.php">Submit</a> 

可以在任何一個數字解決我的問題,並給我解決方案?

+0

你確定你正在使用fancybox 2(你正在使用v1.3.4的API選項)?什麼版本的jQuery?如果你看看你的源代碼並點擊jQuery和fancybox js文件的鏈接:你能看到代碼嗎?有鏈接? – JFK

回答

0

您可能未鏈接到適當的fancybox源文件。 確保包括在你的頭上,這些恰好一次

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 

更多信息請參見this question

+0

我確定源代碼正確給出@mblitz –

+0

對你來說不言自明的東西對別人來說可能很難。如果OP是一個新的編碼器,並且不理解需要包含jquery,那麼可能會引起混淆。幫助沒有屈尊。 – thumbtackthief

+0

我從來沒有打算居高臨下,如果他受到任何形式的侮辱,我向OP道歉。我編輯了我的答案。 :) – mblitz