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

标签 javascript twitter-bootstrap lightbox

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

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

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

最佳答案

我尝试做同样的事情,但得到了相同的结果,因为我没有导入 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 个文件后,您将获得所需的输出。

关于javascript - 为什么我的复制粘贴 Bootstrap 灯箱不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30789867/

相关文章:

google-maps - 谷歌地图在 FancyBox(灯箱)内不起作用

javascript - 计算前一个元素和新元素的标准差 (σ)(累积/增量 SD)

javascript - 如何在不使用each的情况下访问复选框数组的第一个元素?

javascript - 使用 jQuery 进行上/下/左/右键盘导航?

javascript - 使用 Twitter Bootstrap 的多个项目的单个下拉列表

javascript - 单击 nav-pills 时 Bootstrap 中的选项卡式下拉菜单不断关闭

javascript - JQuery 验证未显示正确的消息

javascript - 使用模态 ng-controller 作为常规 Controller

javascript - 在灯箱中播放 flash 电影

javascript - Magento - Lightbox 年龄验证脚本 - 两个元素未被 lightbox 隐藏