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>

何らかの理由で、「ul」内に「a」タグをクラス名のサムネイルで配置し、「a」タグクラスのサムネイルに名前を付けると機能します。願わくば、Django がこの問題をすぐに修正するために時間がかかることを願っています...

于 2012-10-30T15:11:40.633 に答える