Question

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

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

您是否初始化了插件灯箱？ ngClass （选中＆＃34;使用HTML初始化＆＃34;部分）

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

2 个答案: