Fancybox不爲我工作

Question

我已經按照網站上的步驟，並從我在這裏看到的帖子採取建議，似乎我得到的是一個全尺寸圖像放置在我的網頁，當我點擊它，它會像在谷歌中搜索圖像一樣爭奪圖像。 我沒有得到fancybox彈出，選擇的圖像不隱藏。

我已經在顯示圖像的新頁面中打開，但是無論我嘗試什麼，都沒有彈出功能。

我要瘋了！有沒有人知道我會在這裏出錯？

HTML

<a class="fancybox" rel="group" href="img/camera_joinus.jpg"><img src="img/camera_joinus.jpg" alt="" />CLICK ME</a> 

JS

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".fancybox").fancybox(); 
}); 

鏈接：堆棧的頂部（頁面頂部）

<link rel="stylesheet" href="home/css/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 

腳本（頁面底部）

<script type="text/javascript" src="home/js/jquery.fancybox.pack.js?v=2.1.5"></script> 

Answer 1

你的代碼更改爲：$(".fancybox").fancybox();

這是沒有必要使用document.ready()功能。