无法获取灯箱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工作

回答

相关问题