2011-12-30 103 views
3

我正在嘗試使用fancybox 1.3.4。 它所做的只是給我一個錯誤。無法使fancybox 1.3.4工作

錯誤

d.onCleanup is not a function

如果錯誤不來,只是在新標籤中打開圖像。 我儘可能地在主頁上跟着例子。

代碼

HTML:

<a class="grouped_elements" rel="ppt1" href="/static/images/bermuda/powerpoint/1_b.jpg"><img src="/static/images/bermuda/powerpoint/1_b.jpg" /></a> 
<a class="grouped_elements" rel="ppt1"><img src="/static/images/bermuda/powerpoint/2_b.jpg" /></a> 
<a class="grouped_elements" rel="ppt1"><img src="/static/images/bermuda/powerpoint/3_b.jpg" /></a> 
<a class="grouped_elements" rel="ppt1"><img src="/static/images/bermuda/powerpoint/4_b.jpg" /></a> 
<a class="grouped_elements" rel="ppt1"><img src="/static/images/bermuda/powerpoint/5_b.jpg" /></a> 

的Jquery: 母版: <script type="text/javascript" src="/static/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

ASPX: 這是在頂部。 <link rel="stylesheet" href="/static/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

這是我的document.ready $('a.grouped_elements').fancybox();

是的,我也注意到只有第一<a>href屬性,但它只是用於測試。

編輯

它不打開一個新標籤,它只是將轉到圖像(因此與圖像的空白頁) ,當我返回到頁面上的所有圖片點擊根本不起作用。

+0

你是否還包括jQuery核心?除了fancybox ...... js包括之外,這是必需的。 – jknupp 2011-12-30 11:49:59

+0

是的,我是。認爲這是有點顯而易見的,爲什麼我沒有粘貼到問題;) – 2011-12-30 11:51:44

+1

你使用Drupal? http://stackoverflow.com/questions/4468348/fancybox-d-oncleanup-is-not-a-function – kaz 2011-12-30 12:08:11

回答

2

所以答案是:

it's the problem with CSS. After you changed link to CSS it seems to be fixed. 

BTW。很奇怪的問題:/我不明白它可能是如何相關的

+0

嗯,我只是在CSS文件的目標路徑中犯了一個錯字 你的鏈接讓我檢查我的鏈接兩次我發現錯字;) – 2011-12-30 12:39:06

+0

哇,這太奇怪了,這是問題所在。爲什麼缺乏CSS會導致JS失敗? – Ryan 2014-03-27 20:16:07