的jQuery的fancybox初始化工作不

<div id="gallery"> 
    <a href="thumb1.jpg" class="fancybox"> 
    <img class="item" src="thumb1.jpg"> 
    </a> 
    ... 
</div>

我初始化的fancybox像這樣我的圖片鏈接...

jQuery(document).ready(function() { 
    jQuery('.fancybox').fancybox(); 
});

...但沒有發生 - 單擊我的畫廊中的圖像只是鏈接到href'd圖像。

我從Chrome控制檯沒有收到任何錯誤，並且jQuery('.fancybox')正確選擇了我所有的<a>元素。

任何想法爲什麼fancybox看起來不工作？

檢查jQuery對象上是否存在'.fancybox'方法;您可能會錯誤地導入插件。如果沒有，請確保包含'

你的檢查清單（加載順序的文件）：

加載jQuery的js文件第一。確保你有這個文件的單個實例，理想情況下是最新版本（其他插件包括插件安裝時加載的jQuery版本）
加載你的fancybox的js和css文件。檢查（完整）路徑是否正確（如果您探索源代碼並單擊這些文件的鏈接，您應該看到源腳本，否則將看到錯誤404頁面的HTML）。
加載您的自定義fancybox腳本。另外，請檢查您的所有<script>標籤的任內，該<head>或<body>標籤（我已經看到了一些代碼，其中的腳本之間）
最後，檢查您的文檔具有適當DOCTYPE。同時檢查語法錯誤和標籤未正確關閉。

看到一個full example具有相同的初始化在上面你的代碼。

2012-12-16 23:28:13 JFK

相關問題