twitter-bootstrap - Bootstrap 灯箱不显示图像

Question

我正在尝试为工作站点中的画廊页面实现灯箱。我完全按照 Bootstrap 灯箱页面演示的步骤操作
http://www.jasonbutz.info/bootstrap-lightbox/#usage还有youtube视频
https://www.youtube.com/watch?v=J-EZC46hOc8
但是我的灯箱不工作。请帮帮我
我的代码如下:

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

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<link href="bootstrap-lightbox.css" rel="stylesheet">
<script src="bootstrap-lightbox.js"></script>

这些是包含在 head 部分中的文件。
正文部分的代码如下:

<div class="row">
    <div class="container">

        <div id="demoLightbox" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">
        <div class='lightbox-content'>
                <img src="img-3.png">
                  <div class="lightbox-caption"><p>Your caption here</p></div>
        </div>
         </div>
      <div class="col-lg-3">
         <a data-toggle="lightbox" href="#demoLightbox" class="thumbnail">Open Lightbox
                <img src="img-3.png">
        </a>
      </div>


    </div>
</div>

我得到错误:
未捕获的 TypeError:this.hideWithTransition 不是函数
请帮助代码哪里有问题。

Answer 1

尝试从以下位置删除类“隐藏”:

<div id="demoLightbox" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">

这个对我有用。