Question

我在stackoverflow上找到了这个灯箱示例： Why is the lightbox jQuery plugin not working for me?

我确实在那里问了一个问题，但它被删除了，我被告知使用“问一个问题按钮”所以我在这里

此代码无法运行：

<html>
<head>
    <!-- 
         **** Things you need to do****
         1. SPECIFY LIGHTBOX CSS FILE
         2. SPECIFY JQUERY JS (jquery-1.7.2) FILE
         3. SPECIFY LIGHTBOX JS FILE 
    -->

    <link rel="stylesheet" href="http://lokeshdhakar.com/projects/lightbox2/css/lightbox.css" type="text/css" media="screen" /> 
    <script src="http://lokeshdhakar.com/projects/lightbox2/js/jquery-1.7.2.min.js"></script> 
    <script src="http://lokeshdhakar.com/projects/lightbox2/js/lightbox.js"></script> 
</head>
<body>
<div id="tabs">
    <ul>
    <li><a href="#tabs-1">Spring</a></li>
    <li><a href="#tabs-2">Summer</a></li>
    <li><a href="#tabs-3">Fall</a></li>
    <li><a href="#tabs-4">Winter</a></li>
    </ul>
    <div id="tabs-1">
        <a href="https://www.google.de/logos/doodles/2015/229th-anniversary-of-the-first-ascent-of-mont-blanc-5711572991213568.2-hp.jpg" rel="lightbox" >
            <img src="https://www.google.de/logos/doodles/2015/229th-anniversary-of-the-first-ascent-of-mont-blanc-5711572991213568.2-hp.jpg" width="300" height="200">
        </a>
    </div>
</div>
</body>
</html>

指定了所有“版本”......它怎么能不起作用？我只是得到一张小图片，如果我点击它，它就像一个普通的链接。

Answer 1

如果您逐字复制，则错误是该示例中包含的jQuery脚本不再存在。您可以在浏览器的开发人员控制台中轻松注意到这一点。所以你必须从其他地方找到所需的jQuery版本。

我建议使用一些可用于更新的jQuery版本的其他脚本，否则你将被迫使用一个古老的脚本。

Answer 2

在</body>代码之前加入您的脚本。然后灯箱将正常工作。

简单的灯箱示例，没有运行......为什么？

2 个答案: