Question

我想使用www.jasonbutz.info/bootstrap-lightbox

在我的代码中使用bootstrap-lightbox

我在HTML代码中尝试了以下内容：

<div class="col-md-3">
    <div id="Lightbox" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class='lightbox-content'>
            <img src="<?php echo base_url().'v_photos/unknown.jpeg';?>">
            <div class="lightbox-caption"><p>Your caption here</p></div>
        </div>
    </div>
    <a data-toggle="lightbox" href="#Lightbox">
        <img width="130px" style="border:5px solid #ccc;" src="<?php echo base_url().'v_photos/unknown.jpeg';?>" ></img>
    </a>
</div>

我使用$('#Lightbox').lightbox();来触发lightboxed图像！但是我在控制台中收到了波纹管错误：

TypeError: this.$backdrop[0] is undefined

我缺少什么？非常感谢你！

Answer 1

它在这个小提琴中工作jsfiddle

$('#Lightbox').lightbox();

我认为你已经错误地包含了js文件。

必须按以下顺序

的jQuery
自举
Bootstrap Lightbox

Answer 2

Jason Butz的灯箱不再维护，不能与bootstrap 3（您似乎正在使用）一起使用，只能使用bootstrap 2。

这是一个不同的灯箱脚本，可以在bootstrap 3上运行：http://ashleydw.github.io/lightbox/

TypeError：this。$ backdrop [0]在bootstrap-lightbox中未定义

2 个答案: