2014-10-30 42 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/