트위터 부트 스트랩 모달을 작동시키지 못합니다.

Question

모달 작동이 안되는 것 같습니다. 투명 오버레이를 표시하지만 그게 전부입니다. 콘텐츠는 <div>에 있지만 화면에 모달 형식으로 표시되지는 않습니다. 여기 내 코드가있다. 누구든지 아이디어가 있습니까? 내가 전에 이런 일을 구현 해본 적이

<a href="#modal-[nid]" class="ajax-link" data-nid="[nid]" 
    data-toggle="modal" data-target="#modal-[nid]">[title]</a> 
<div id="modal-[nid]" class="modal hide" tabindex="-1" role="dialog"> 
    <div class="modal-body"> 
     <button type="button" class="close" data-dismiss="modal" 
      aria-hidden="true">×</button> 
     <span>this is a test of my modal</span> 
    </div> 
</div> 

:

여기 내 HTML입니다. 나는 부트 스트랩 CSS 파일과 JS 파일을 가지고있다. 누구든지 제가 잘못 가고있는 아이디어가 있습니까?

--- 편집 --- 내 종료 버튼이 작동하지 않으며 다음과 같이 찾고

: 그것은 HTML의 버튼을로드하지 않는 것

... 단지 x이고 주위에 <button> 태그가 없습니다.

Answer 1

몇 가지 문제가 있습니다. hide 클래스를 꺼내십시오. 당신은 우리가 작업 환경을 볼 수있다 않습니다있는 modal-dialog

<a href="#modal-1" class="ajax-link" data-nid="[nid]" data-toggle="modal" data-target="#modal-1">[title]</a> 
    <div id="modal-1" class="modal" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <div class="modal-body"> 
      <button type="button" class="close" data-dismiss="modal" 
      aria-hidden="true">×</button> 
      <span>this is a test of my modal</span> 
     </div> 
    </div> 
    </div> 
</div> 

http://www.bootply.com/124339