灯箱不能在任何浏览器中工作

我最近开始使用html5up.net模板的项目，但是当我尝试自己添加灯箱脚本（Lokesh Dhakar的标准脚本）时，它根本不起作用。我试图摆弄HTML和CSS，以确保问题不在那里，但没有成功。我实际上得出结论，我可以评论任何<script>标记（当然除了JQuery和IE之外），它开始工作就好了。无论我使用绑定的JQuery还是我自己的“自己”，都没有关系，也试图以所有可想象的方式更改脚本顺序而没有成功。整个项目可以找到here。灯箱不能在任何浏览器中工作

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

来源

2016-09-06 Sandwich

您需要在您的问题中包含[MCVE]（https://stackoverflow.com/help/mcve）。 – mason

添加

-3

引起发现你有没有初始化的插件收藏夹？ http://lokeshdhakar.com/projects/lightbox2/#examples （检查“初始化HTML”部分）

来源

2016-09-06 20:48:13

我做过了，可以看到在代码中的第一个图片的权利 – Sandwich

灯箱不能在任何浏览器中工作

相关问题