無法獲取燈箱jquery工作

我想使用燈箱2，我似乎無法得到它的工作。我目前正在一張圖片上測試它，並沒有發生任何事情。任何幫助，將不勝感激！無法獲取燈箱jquery工作

<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> 
<link rel="stylesheet" type="text/css" href="gallery.css"> 
<script src="js/jquery-1.11.3.min.js"></script> 
<link href="css/lightbox.css" rel="stylesheet" /> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
    </head> 
    <body> 
    <a href="images/bethan6.jpg" data-lightbox="image-1"><img src="images/bethan6.jpg" /></a> 

    <script src="js/lightbox.js"></script> 
    </body>

來源

2015-07-11 gwerd

它看起來對我好。 css和js文件的路徑是否正確？ – GaurabDahal

是的。我製作了一個js和css文件夾，並將圖像文件夾中的所有圖像都包含在內。我曾嘗試查找教程，看看我做錯了什麼，我遇到的每個教程都過時了，不太清楚。我花了數小時試圖弄清楚這一點。 – gwerd

沒問題，因爲@ user3207826已經回答了，您需要在您的代碼中加載jquery時添加http：// – GaurabDahal

看來您已經錯誤地調用了jQuery，這會阻止Lightbox正常工作。

試試這個：

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

您當前的代碼將通過爲code.jquery.com自己的文件系統，我希望你沒有不厭其煩地下載。

編輯：從Lightbox Documentation判斷，您似乎並不需要在<a>標記中包含<img>標記。圖像將自行顯示。

來源

2015-07-11 16:15:18 user3207826

嗯，它仍然不起作用。我在我的問題中添加了更改。 – gwerd

我試過了。如果我不包含圖片標籤，它只會顯示爲人們點擊以獲取圖片的鏈接。縮略圖不會顯示。但即使我這樣做，只是去另一頁。它不會像它應該彈出。 – gwerd

無法獲取燈箱jquery工作

回答

相關問題