我正在尝试在我的艺术作品集网站上使用 Lokesh Dhakar 的 Lightbox2。我已经下载了这些文件,遵循了所有说明,并使用了 lightbox-plus-jquery.js 文件(因为我对 Jquery 几乎一无所知)。
当我单击图像的链接时,它只会在带有深色背景的新页面上打开图像。
我使用 Chrome,所以我让它检查页面,它发现了“意外语法错误:无效或意外 token ”,指的是“lightbox-plus-jquery.js:1”。 我以前从未见过该错误。
有人可以帮忙找出我哪里出错了吗?这让我彻底疯了。
网站:http://art.juniebug.net/portfolio.html
谢谢!!
以下更新代码:2017 年 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>
最佳答案
首先添加 jquery 插件(您必须先加载它,因为您的插件将依赖它才能工作),然后添加您的灯箱插件。
像这样
<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/
更新:对于 CDN 列表,您可以找到 here .
关于javascript - Lightbox2 不工作; "Uncaught SyntaxError: Invalid or Unexpected Token",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42452150/