3

我确信我的问题有一个简单的解决方案，但对于我的生活，我无法弄清楚我做错了什么。

我正在尝试让bootstrap-lightbox在我的网站上工作（这是一个 Django 应用程序，如果这有什么不同的话）。

我的标题中有以下内容：

<script type="text/javascript" src="/static/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/static/js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="static/dash/bootstrap-lightbox.js"></script>
<script src="static/dash/excanvas.min.js"></script>
<script src="static/dash/bootstrap.min.js"></script>
<script src="static/dash/jquery.flot.min.js"></script>
<script src="static/dash/jquery.gritter.min.js"></script>
<script src="static/dash/jquery.flot.resize.min.js"></script>
<script src="static/dash/jquery.peity.min.js"></script>
<script src="static/dash/fullcalendar.min.js"></script>
<script src="static/dash/unicorn.dashboard.js"></script>
<script src="static/dash/unicorn.js"></script>
<script src="static/dash/custom.js"></script>
<link rel="stylesheet" href="static/dash/bootstrap.min.css" />
<link rel="stylesheet" href="static/dash/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="static/dash/fullcalendar.css" />   
<link rel="stylesheet" href="static/dash/unicorn.main.css" />
<link rel="stylesheet" href="static/dash/jquery.gritter.css" />
<link rel="stylesheet" href="static/dash/unicorn.grey.css" class="skin-color" />
<link rel="stylesheet" href="static/dash/bootstrap-lightbox.css" />

在我的 HTML 中：

<a data-toggle="lightbox" href="#worldlightbox" class="thumbnail"><img src="/static/img/pics/bg/thumbs/WorldThumb.jpg" alt=""></a>

<div class="lightbox" id="worldlightbox" style="display: none;">
<div class='lightbox-content'>
    <img src="/static/img/pics/bg/World.jpg">
</div>

当我单击链接图像时，什么也没有发生。控制台中没有错误，并且脚本正在正确加载.....

我很确定某处存在一些冲突，因为我尝试过的灯箱插件都没有工作。

如果有人能指出我哪里出错了，我将不胜感激！！

4

1 回答 1

9

很抱歉，这么晚了，但我自己也遇到了问题。您的问题的简单答案是灯箱没有按应有的方式工作。而且帮助很少且不完整。我不知道开发人员是如何让他们的示例工作的。但我让我的工作，它也应该对你有用：

    <ul class="thumbnails" style=" position:relative; top: 110px; display:block;">
      <li class="span2">
        <a data-toggle="lightbox" href="#carouselLightBox" class="thumbnail">Open Lightbox</a>        
      </li>
    </ul>
    <div class="lightbox fade" id="carouselLightBox" style="display: none;">
        <div class='lightbox-content'>
            <img src="/content/images/mapicons/cad.png" alt="" />
        </div>
    </div>

无论出于何种原因，将您的“a”标签放在带有类名缩略图的“ul”中，然后命名您的“a”标签类缩略图使其工作。希望 Django 能尽快解决这个问题……

于 2012-10-30T15:11:40.633 回答