Lightbox 2.51在任何浏览器中都不能正常工作

Question

everyone 好了各位，找到了解决方案(因为我是一个新用户，它不允许我在8小时内回答我自己的问题，对不起)：

最新版本的LightBox，v2.51，只支持jQuery v1.7.2。我所做的就是下载那个版本的jQuery，并使用它而不是最新的版本，它马上就起作用了。

我想，这是一个业余错误，没有测试它的jQuery版本;)

感谢大家的观看和尝试回答！

原始问题

我的第一个堆叠溢出的帖子，所以让我直接开始吧！

我试图在我的站点上本地使用Lightbox v2.51，所以在我尝试在我的站点上实现它之前，我尝试了一个快速而简单的概念，以了解它是如何工作的。

因此，这里我有一个简单的'gallery.htm‘文件，其内容如下：

<!DOCTYPE html>
<html>
<head>
<link href="engine/lightbox.css" rel="stylesheet" />
</head>
<body>
    <div>
        <a href="images/title.gif" rel="lightbox" title="The main graphic">Test</a>
    </div>
<script src="engine/jquery.js"></script>
<script src="engine/lightbox.js"></script>
</body>
</html>

问题是，当我点击‘测试’链接，它应该加载引用的图像链接在照明盒，黑色的屏幕，然后动画一个div，其中包括图像，被吹到全视图。屏幕渐渐暗了下来，但后来我什么也没有了。这是一张在此之前和之后的照片。当我单击该链接时，如您所见，屏幕变暗，但没有发生任何其他情况，图像根本没有加载。

jQuery版本为1.9.1，它存储在本地，只是为了我的本地主机测试目的，它是从Google主机在活动站点上调用的。

脚本和样式位于本地文件夹"engine“中。所有文件的名称都是正确的，当使用Google时，我完全加载页面，并持有SHIFT+CTRL+J来检查控制台的错误，但是所有的东西都加载得很完美。

感谢任何帮助，谢谢！)

Answer 1

您需要使用给定的jQuery包，这是随您的灯箱下载！这行得通！

<!DOCTYPE html>
<html>
    <head>
        <link href="lightbox.css" rel="stylesheet" />
        <link href="screen.css" rel="stylesheet" />
        <script src="jquery-1.7.2.min.js"></script>
        <script src="lightbox.js"></script>
    </head>
    <body>
        <div>
            <a href="1.jpg" rel="lightbox">TestLink</a>
        </div>
    </body>
</html>