1

回答 好的大家，找到了解决方案（由于我是新用户，它不会让我在不到8小时内回答我自己的问题，对不起）：

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

我猜这是一个业余错误，没有测试它所构建的 jQuery 版本；）

感谢所有观看并尝试回答的人！

原始问题

我的第一个 stackoverflow 帖子，所以让我开始吧！

我正在尝试在我的网站上本地使用 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 ajax 主机调用的。

脚本和样式位于本地文件夹“engine”中。所有文件都正确命名，当使用谷歌浏览器时，我完全加载页面并按住 SHIFT+CTRL+J 检查控制台是否有错误，但一切都加载完美。

任何帮助表示赞赏，谢谢！:)

4

1 回答 1

0

您需要使用您的灯箱下载随附的给定 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>
于 2013-03-10T07:21:23.837 回答