2014-10-30 76 views
-1

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

我试图在我的HTML代码下面我的代码使用bootstrap-lightbox

<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();来触发灯箱图片! 但我得到在控制台波纹错误:

TypeError: this.$backdrop[0] is undefined 

我失去了什么?提前感谢你!

回答

0

它在这拨弄jsfiddle

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

工作,我觉得在错误的顺序已包含js文件。

它必须按以下顺序

  1. jQuery的
  2. 引导
  3. 引导灯箱
0

杰森布兹的收藏夹不再保持,不与引导3工作(其中您似乎正在使用),只能使用引导程序2.

这里是不同的lig htbox脚本,它在bootstrap上工作3:http://ashleydw.github.io/lightbox/