Question

我正在尝试使用灯箱2而我似乎无法使用它。我目前正在一张图片上测试它并没有发生任何事情。任何帮助将不胜感激！

    <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>

Answer 1

您似乎错误地调用了jQuery，这会阻止Lightbox工作。

试试这个：

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

您当前的代码会查看您自己的code.jquery.com文件系统，我希望您不会下载麻烦。

编辑：从Lightbox Documentation判断，您似乎不需要在<img>标记中加入<a>标记。图像将自动显示。

无法使lightbox jquery工作

1 个答案: