javascript - 为什么我的复制粘贴 Bootstrap 灯箱不起作用？

Question

我尝试从以下位置复制并粘贴 Bootstrap Lightbox 示例:http://bootsnipp.com/snippets/featured/bootstrap-lightbox ,进入我正在开发的网站:http://www.redfuryrevenge.com

它看起来与示例相同，但是当我单击图片(在“图像”部分中)时，它只是跳到页面顶部，而不是打开模式。

我已经为此工作了 5 个多小时。我想是时候寻求帮助了。

Answer 1

我尝试做同样的事情，但得到了相同的结果，因为我没有导入 Bootstrap css 和 JS。

导入 jQuery 后导入 bootstrap JS 重试

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

在 head 部分导入 bootstrap css as，

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

导入以上 2 个文件后，您将获得所需的输出。