Lightbox2 不工作； “未捕获的语法错误：无效或意外的令牌”答案

【问题标题】：Lightbox2 Not Working; "Uncaught SyntaxError: Invalid or Unexpected Token"Lightbox2 不工作； “未捕获的语法错误：无效或意外的令牌”
【发布时间】：2017-02-25 04:59:44
【问题描述】：

我正在尝试在我的艺术作品集网站上使用 Lokesh Dhakar 的 Lightbox2。我已经下载了文件，按照所有说明进行操作，并使用了 lightbox-plus-jquery.js 文件（因为我对 Jquery 几乎一无所知）。

当我点击图片的链接时，它只会在带有深色背景的新页面上打开图片。

我使用 Chrome，所以我让它检查页面，发现“Unexpected SyntaxError: Invalid or Unexpected Token”，指的是“lightbox-plus-jquery.js:1”。我以前从未见过这种错误。

有人可以帮忙找出我哪里出错了吗？这让我非常疯狂。

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

谢谢！！

以下更新代码：2/26/17 现在使用 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>

【问题讨论】：

请添加您的代码。
刚刚做到了！抱歉，第一次发帖！
我希望我的编码能够像您制作的小提琴一样工作！你是怎么做到的？您是否认为我的仍然失败，因为我正在使用带有 jquery.js 的灯箱？我应该在没有 jquery 的情况下尝试 lightbox.js 吗？...我想我已经尝试过了...

标签： javascript jquery lightbox lightbox2

【解决方案1】：

首先添加 jquery 插件（您必须先加载它，因为您的插件将依赖它才能工作），然后添加您的灯箱插件。

喜欢这个

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

您还应该在</body> 标记之前或</head> 标记之前添加脚本。但是在站点中，您将其添加到 </center> 标记中。

工作小提琴： https://jsfiddle.net/ayan/dzpqucvc/

更新： CDN 列表，您可以找到here。

【讨论】：

【解决方案2】：

您可以为此尝试 cdn 提供程序。或者我认为您可以尝试删除 lightbox-plus-jquery.js 文件中的所有 cmets :))

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

【讨论】：

当我尝试使用提供者链接时仍然无法正常工作。 :( 删除所有 cmets...？我该怎么做？（谢谢！）

【解决方案3】：

我检查了你的代码，很明显你没有在源代码中添加 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 之前加载。

干杯:-)

【讨论】：

他使用了 lightbox-plus 文件。所以不需要添加jquery，我的朋友。哟可以访问这个链接参考：lokeshdhakar.com/projects/lightbox2/#getting-started
试过这个 - 它没有解决问题。 ;_;另外，请原谅我没有将代码添加到我的帖子中——我不知道怎么做！不过，谢谢！