所有浏览器中的灯箱都破损了

Question

我最近开始了一个使用html5up.net模板的项目，但是当我尝试自己添加一个Lightbox脚本（Lokesh Dhakar的标准脚本）时，它根本不起作用。我试图弄乱HTML和CSS，以确保问题不在那里，但没有成功。我实际上得出的结论是，我可以注释掉任何<script>标签（当然除了JQuery和IE之外），它开始工作得很好。如果我使用捆绑的JQuery或我的“拥有”并不重要，也试图以所有可想象的方式更改脚本顺序而没有成功。

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>

你能帮我解决一下Lightbox吗？我对这个问题感到很遗憾......

最终编辑：不幸的是，在这里的代码中找不到问题，它是由main.js中的某些东西引起的

Answer 1

我已经复制了您的来源，只是替换img src，它正在工作

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

Answer 2

你有没有初始化插件灯箱？ http://lokeshdhakar.com/projects/lightbox2/#examples（选中“使用HTML初始化”部分）

所有浏览器中的灯箱都破损了

问题描述投票：-1回答：2

2个回答

最新问题

所有浏览器中的灯箱都破损了

问题描述 投票：-1回答：2

2个回答

最新问题

问题描述投票：-1回答：2