燈箱2不工作; 「Uncaught SyntaxError：Invalid or Unexpected Token」

我正在嘗試在我的藝術作品網站上使用Lokesh Dhakar的Lightbox2。我已經下載了這些文件，並遵循了所有說明，並使用了lightbox-jquery.js文件（因爲我幾乎不知道Jquery）。燈箱2不工作; 「Uncaught SyntaxError：Invalid or Unexpected Token」

當我點擊鏈接的圖像，它只是打開圖像了一個黑暗的背景在新頁面上。

我使用Chrome瀏覽器，因此我檢查了頁面，發現「Unexpected SyntaxError：Invalid or Unexpected Token」，指的是「lightbox-plus-jquery.js：1」。我從來沒有見過這個錯誤。

有人可以幫忙找出我出錯的地方嗎？這真是讓我絕對瘋了。

網站：http://art.juniebug.net/portfolio.html

謝謝!!

更新的代碼下圖：現在17年2月26日使用的CDN !:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en"> 
<html><head> 
<meta name="Author" content="Janna Correa"> 


<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.9.0/css/lightbox.css" rel="stylesheet" /> 
</head> 
<style> 
<!-- 
a:hover { 
text-decoration: underline; 
color: lightskyblue; 
} 
a:link { 
text-decoration: none; 
} 
a:visited { 
text-decoration: none; 
} 
a:hover { 
text-decoration: underline; 
color: lightskyblue; 
} 

--> 
</style> 
<title>JMC illustration * juniebug.net</title></head> 

<body bgcolor="#FFFFFF" text="#000000" link="darkgreen" alink="orchid" 
vlink="mediumspringgreen"> 
<font face="Arial, Helvetica, Verdana, MS Reference Sans Serif, Calibri"> 




<br> 
<br> 
<center> 

<br><br><br> 


    <table border="0"> 
    <tr> 
    <td> 
    <center><img src="artinvisibar.gif"></center> 


<br> 
    <center> 
    <img src="logo-jmc1.gif"> 
    </center> 
    <br> 


<center> 
<img src="artstrip1.jpg"> 

    <br> 
<div id="gallery"> 
    <a href="port/momo-Rio2.jpg" data-lightbox="gallery" rel="lightbox[closeup]"><img src="port/thumbs/momorio-t.gif" width="51" height="55"></a> 

<a href="port/ioiosam2.jpg" data-lightbox="gallery" rel="lightbox[closeup]"><img src="port/thumbs/ioiosam-t.gif" width="51" height="55"></a> 

</div> 








</center> 



    </td> 
    </tr> 
    </table> 
    </center> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.9.0/js/lightbox-plus-jquery.js"></script> 
</body> 
</html>

來源

2017-02-25 Jan

請添加您的代碼。 – Ayan

剛剛做到了！對不起，第一次海報在這裏！ – Jan

我希望我能讓我的編碼像你製作的小提琴一樣工作！你是怎麼做到的？您是否認爲我的問題仍然存在，因爲我在使用jquery.js的燈箱？我應該試試沒有jQuery的lightbox.js？...我想我已經嘗試過這個，但是... – Jan

添加的jQuery插件第一（必須首先將它作爲你的插件將取決於它工作），然後添加您的lightbox插件。

像這樣

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
<script src="lightbox-plus-jquery.js"></script>

，你也應該只是</body>標籤之前或剛剛</head>標記前添加腳本。但在網站中，您將其添加到</center>標記中。

工作FIDDLE：https://jsfiddle.net/ayan/dzpqucvc/

UPDATE：對於CDN的列表中，你可以找到它here。

來源

2017-02-25 05:35:00 Ayan

你可以試試這個CDN提供商。或者，也許我認爲你可以嘗試刪除在收藏夾加的jquery.js文件中的所有註釋:)）

<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.9.0/js/lightbox-plus-jquery.js"></script>

來源

2017-02-25 05:29:18 Tomato32

當我嘗試使用提供程序鏈接時仍不起作用。（刪除所有評論...？我會怎麼做？（謝謝你，雖然！） – Jan

我檢查了你的代碼，很明顯，你沒有添加jQuery鏈接到你的源代碼。由要麼下載做到這一點，利用<script>或者使用CDN，而不是像這樣的鏈接到它：

<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>

所以，你的JS代碼如下所示：

<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> 
<script src="lightbox-plus-jquery.js"></script>

注：jQuery的必須加載在LightboxJS之前。

乾杯:-)

來源

2017-02-25 06:28:25

他使用燈箱加文件，所以不需要添加jquery，我的朋友喲可以訪問此鏈接引用：http ：//lokeshdhakar.com/projects/lightbox2/#getting-started – Tomato32

試過這個 - 它沒有解決問題。; _; 另外，原諒我沒有添加代碼到我的帖子 - 我不知道怎麼！雖然謝謝！ – Jan

燈箱2不工作; 「Uncaught SyntaxError：Invalid or Unexpected Token」

回答

相關問題