Javascript 引导灯箱不工作

你好，我一直在尝试实现Jason Butz的Twitter引导插件（我使用的是第3版的引导）

到目前为止，我在将lightbox从缩略图像触发到更大图像方面的成功有限

下面是其他人的例子，说明它的工作原理：

这是我的，但不是（以下fiddle中的所有js和css与lightbox文件保持不变）：

…还有我的代码：

<div class="container">
    <div class="item">
        <a data-toggle="lightbox" href="#lightbox0">
            <img class="gallery" src='https://farm8.staticflickr.com/7275/7535360724_02f36c5af4_n.jpg'>
        </a>
    </div>
</div>

<div id="#lightbox0" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="lightbox-dialog">
        <div class="lightbox-header">
            <button type="button" class="close" data-dismiss="lightbox" aria-hidden="true">&times;</button>
        </div>
    <div class="lightbox-content">
        <img src='https://farm8.staticflickr.com/7275/7535360724_02f36c5af4_b.jpg'>
        <div class="lightbox-caption"><p>Your caption here</p></div>
    </div>
</div>

&时代；
你的标题在这里

---

我一直在将我的代码与示例进行比较，我不知道问题出在哪里

下面显示的小问题

 <div id="lightbox0" class="lightbox fade" tabindex="-1" role="dialog" aria-hidden="true">
//Removed hide class and corrected the selector id.
 <div id="#lightbox0" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">

//删除了隐藏类并更正了选择器id。

---

您正在呼叫的lightbox div不应具有前缀为

#

的id。这并不能解决问题，但可能会让你更接近解决问题。我应该看到“#”！谢谢你那双新鲜的眼睛：）