所有浏览器中损坏的灯箱

Question

我最近开始了一个使用 html5up.net 模板的项目，但是当我尝试自己添加一个 Lightbox 脚本（Lokesh Dhakar 的标准脚本）时，它根本不起作用。我试着用 HTML 和 CSS 来 fiddle 来确保问题不在某个地方但没有成功。我实际上得出的结论是，我可以注释掉任何 <script> 标签（当然 JQuery 和 IE 标签除外），它开始工作得很好。不管我是使用捆绑的 JQuery 还是我的 "own"，也尝试以所有可以想象的方式更改脚本顺序，但都没有成功。

HTML:

<!DOCTYPE HTML>

<html>
<head>
    <title>Test - Project</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.css" />
</head>
<body>

<div id="header">

    <div>

        <div>
            <a href="http://placehold.it/500x500?text=full+size" data-lightbox="image-1">
                <span><img src="http://placehold.it/48x48?text=avatar" alt="" /></span>
            </a>
            <h1>Company Name</h1>
            <p>(optional text)</p>
        </div>

    </div>

</div>

<!-- Scripts -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.scrolly/0.1/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollzer.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/skel/3.0.1/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>

</body>
</html>

你能帮我做一下灯箱吗？我对这个问题很迷茫...

最终编辑：不幸的是，在此处的代码中找不到问题，它是由 main.js

中的某些内容引起的

Answer 1

插件灯箱初始化了吗？ http://lokeshdhakar.com/projects/lightbox2/#examples （检查 "Initialize with HTML" 部分）

Answer 2

我已经复制了你的源代码，只需替换 img src 就可以了

请检查您的 img src 路径是否正确？

所有浏览器中损坏的灯箱

Broken lightbox in all browsers

javascript

jquery

html

css

lightbox