無法使FancyBox工作

那麼一開始，fancybox工作。但是當我加入網站時，它完全失敗了，我不知道我錯在哪裏。無法使FancyBox工作

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>   
</script>   
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>   
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> 
<script type="text/javascript"> 
$(document).ready(function() { 
$(".fancyImg").fancybox(); 
}); 
</script> 

<div id="About-MichaelP"><p>Website made by: <a class="fancyImg" href="#MichaelP">Michael Podsiadly</a></p></div> 

<div style="display: none;"> 
<div id="MichaelP" class="Hide"> 
<h1>About Michael Podsiadly</h1> 
<p></p> 
</div> 
</div>

在此先感謝您。這讓我感到非常疲憊，我甚至無法直接思考。

來源

2011-08-17 Michael

*嘆*請（a）將您提供給我們的代碼片段縮短至裸露最低限度需要重現問題（二）是更具體然後「完全失敗」 – mpen

對不起。我不知道。我的意思是完全失敗的是，當我添加幻燈片並更改了網頁的CSS後，我嘗試添加fancybox，以便在您單擊幻燈片時可以正常工作。所以我測試了一下，沒有發生任何事情。當它是一個圖像時，它只是在新標籤或新窗口中將我導航到該圖像。 – Michael

我看到的第一件事就是你給鏈接的類爲'FancyImg'，而你的JS引用'.fancyImg' - 很確定它是區分大小寫的。先解決這個問題，然後回到我們身邊。 **編輯：**你實際上有不一致的大寫... – mpen

嘿，它看起來像你沒有設置類的錨標記

$("a.group")

是指以「羣體」的錨標記。

嘗試添加組類到你的鏈接：

<a href="#1" class="group">

這可能是你想包括兩次jQuery庫。這可能會導致錯誤。

我這樣做是一個有很多：這可能是因爲該文件是在錯誤的地方。有沒有「js」文件夾？文件是否真的在那裏。 CSS文件是否正確連接？ CSS中引用的圖像是相對於html文件還是CSS？回答這些問題的最佳方法是在Firefox中打開源代碼，並按照指向js和css文件的鏈接...

來源

2011-08-17 01:47:23 Coomie

這可能是錯誤的，因爲我看不到你用這麼多代碼來做什麼。 – Coomie

謝謝。一切都設置在正確的文件中，我刪除了一個jQuery庫鏈接，並從ajax.com中刪除了一個，但沒有發生任何事情......一切仍然相同。 – Michael

你能發佈一個鏈接嗎？ – Coomie

無法使FancyBox工作

回答

相關問題