Bootstrap燈箱在鏈接點擊後未顯示燈箱

我對Jason Butz的燈箱有問題。這裏是代碼：Bootstrap燈箱在鏈接點擊後未顯示燈箱

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta name="description" content="A Bootstrap Blog Template"> 
<meta name="author" content="Billy Halim"> 
<title>Home</title> 
<link rel="stylesheet" type="text/css" href="bootstrap-lightbox.css"> 
<script type="text/javascript" src="bootstrap-lightbox.js"></script> 
</head> 
<body> 

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

問題是有一個名爲「打開燈箱」的鏈接，也是圖像。圖像最初出現了。如果我點擊鏈接，它只能向下滾動指向圖像，它不會與燈箱一起出現。

任何解決方案？

來源

2015-05-23 billyhalim25

你可以把源代碼放在JSfiddle中嗎？ – DesignStudios

我對這個插件沒有經驗，但是因爲它被稱爲「Bootstrap lightbox」，所以我認爲你還必須包含Bootstrap。 – JJJ

@DesignStudios它是這裏：https://jsfiddle.net/r2hhkof2/ – billyhalim25

你的小提琴永遠不包括jQuery和引導工作。它們都是插件運行所必需的。就這樣說，這個插件不再被維護，似乎不適用於Bootstrap 3.3.4，而是用於你的代碼似乎是的2.3.2。你可能想要在3.3.4中使用this lightbox。

這是在引導錯誤3.3.4

TypeError: undefined is not an object (evaluating 'this.$backdrop[0].offsetWidth')

這裏是一個工作jsFiddle與2.3.2

來源

2015-05-23 15:28:12 Macsupport

好的信息！我在Jason Butz的網站上沒有看到「插件不再維護..」。當我檢查Github時，它在那裏陳述！謝謝！ – billyhalim25

對於未來在這裏引用一個燈箱腳本，在引導3的工作原理：http://ashleydw.github.io/lightbox/

來源

2016-08-26 19:55:30 Loren

Bootstrap燈箱在鏈接點擊後未顯示燈箱

回答

相關問題