부트 스트랩 라이트 박스가 작동하지 않습니다 ....!

Question

나는 내 문제에 대한 쉬운 해결책이 있다고 확신하지만, 내 인생에서 내가 잘못하고있는 것을 해결할 수는 없다.

bootstrap-lightbox이 내 사이트에서 작동하려고합니다. (차이점이 있으면 장고 앱입니다).

<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> 

. 콘솔에 오류가 없으며 스크립트가 올바르게로드되고 있습니다 .....

Lightbox 플러그인 중 아무 것도 작동하지 않아 어딘가에 충돌이있을 것이라고 확신합니다.

누군가 내가 잘못 가고있는 것을 보여줄 수 있다면 정말 감사 할 것입니다 !!

Answer 1

죄송합니다. 너무 늦었지만 문제가 생겼습니다. 문제에 대한 간단한 대답은 라이트 박스가 제대로 작동하지 않는다는 것입니다. 그리고 도움이 부족하고 불완전합니다. 나는 개발자가 어떻게 자신의 모범을 어떻게 얻었는지 알지 못한다. 그러나 나는 나의 일을 가지고, 그것은 너무 당신을 위해 일해야합니다

<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가 곧이 문제를 해결할 시간을 갖기를 바랍니다.