Question

我正在使用Bootstrap Lightbox的演示，我也是网络开发的新手。我无法使灯箱工作，在这种情况下，第一张图像是shell_small.jpg可见，而且它显然是一个链接，但是当我点击它时，唯一值得注意的变化就是网址从http://127.0.0.1:52595/index.html变为{{ 1}}但页面保持不变。任何人都可以解释发生或不发生的事情吗？

http://127.0.0.1:52595/index.html#demoLightbox

Answer 1

问题是你在jQuery之前加载Lightbox插件。将jQuery放在head或jQuery代码之后的lightbox代码中。其次，您将灯箱代码加载为样式表。

这样做：

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-lightbox/0.6.1/bootstrap-lightbox.js"></script>
  </body>
</html>

并删除

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-lightbox/0.6.1/bootstrap-lightbox.js">

从头开始。

Bootstrap Lightbox没有弹出

1 个答案: