부트 스트랩 모달이 보이지 않습니다.

부트 스트랩 모달을 실행하는 데 문제가 있습니다. 아래 코드를 참고하십시오.부트 스트랩 모달이 보이지 않습니다.

<!DOCTYPE html> 
    <html lang="en"> 
     <head> 
     <link href="http://localhost/scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
     </head> 
     <body> 
     <div id="modal" class="modal hide fade"> 
       <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h3>Modal header</h3> 
       </div> 
       <div class="modal-body"> 
       <p>One fine body…</p> 
       </div> 
       <div class="modal-footer"> 
       <a href="#" class="btn">Close</a> 
       <a href="#" class="btn btn-primary">Save changes</a> 
       </div> 
      </div> 
      <button id="button">Fire</button> 
     <script src="http://localhost/scripts/bootstrap/js/bootstrap.min.js"></script> 
     <script src="http://code.jquery.com/jquery-latest.js"></script> 
     <script> 
      $(function(){ 
      $("#button").click(function(){ 
       $('#modal').modal('show'); 
      }); 
      }); 
     </script> 
     </body> 
    </html>

출처

2013-02-15 Babiker

당신은jQuery 라이브러리 후 bootstrap 라이브러리 을 포함해야합니다. 브라우저의 콘솔에 오류가 있는지 확인해 주셨습니까?

출처

2013-02-15 05:25:23 Ian

감사합니다. – Babiker

이 문제가 해결되었습니다. 이것에 대한 이유는 무엇입니까? – piperchester

.js 파일을 제공하는 부트 스트랩 자체가 jquery.js가 필요한 이유는 무엇입니까? – Abhinay

부트 스트랩 모달이 보이지 않습니다.

답변

관련 문제