回答 好的大家，找到解决方案了(由于我是新用户，它不会让我在不到 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 设置动画，放大到全 View 。屏幕逐渐变暗，但此后我没有得到任何其他信息。这是一个before和 after射击。当我点击链接时，如您所见，屏幕变暗但没有其他任何反应，根本没有加载图像。
jQuery 版本是 1.9.1，它存储在本地只是为了我的 localhost 测试目的，当它在实时站点上时从 Google ajax 主机调用。
脚本和样式位于本地文件夹“engine”中。所有文件均已正确命名，使用 Google Chrome 时，我完全加载了页面并按住 SHIFT+CTRL+J 以检查控制台是否有错误，但一切都加载完美。
感谢任何帮助，谢谢! :)
最佳答案
您需要使用 lightbox 下载中附带的给定 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>
关于javascript - Lightbox 2.51 无法在任何浏览器中正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15319790/