닫기 버튼 클릭시 부트 스트랩 모달이 닫히지 않습니까?

Question

난 내 asp.net 프로젝트에 부트 스트랩 모달을 사용하고 내 코드는

<div id="mymodal" class="modal"> 
<div class="modal-header"> 
<a class="close" data-dismiss="modal">×</a> 
<h3>Modal header</h3> 
</div> 
<div class="modal-body"> 
<p>One fine body…</p> 
</div> 
<div class="modal-footer"> 
<a id ="closemodal" href="#" class="btn">Close</a> 
<a href="#" class="btn btn-primary">Save changes</a> 
</div> 
</div> 

이며 내 마스터 페이지 내 자바 스크립트

<script type="text/javascript"> 
    $(function() { 
     $('#closemodal').click(function() { 
      $('#mymodal').modal('hide'); 
     }); 

    }); 
    </script> 

하지만 내가 닫기를 클릭 할 때 모달가 종료되지 않습니다 버튼 가 방화 광에서 Java 스크립트로 표시되면 함수가 아니기 때문에 오류가 표시됩니다.

Answer 1

부트 스트랩 포인트는 jQuery가 작동하지 않아도된다는 것입니다. 당신은 자바 스크립트 그것을 삭제하고 당신의 닫기 버튼에 속성을 추가하고 작업을해야 할 수 있습니다 (그것은 모달 팝업을 닫는 것을 = "모달"데이터가-해고입니다.)

<div id="mymodal" class="modal"> 
    <div class="modal-header"> 
    <a class="close" data-dismiss="modal">×</a> 
    <h3>Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
    <a id="closemodal" href="#" class="btn" data-dismiss="modal" aria-hidden="true">Close</a> 
    <a href="#" class="btn btn-primary">Save changes</a> 
    </div> 
</div> 

당신은 자바 스크립트 파일 부트 스트랩이 필요합니다 마스터 페이지에 포함되어 있습니다. 정상적으로 표시되는 모달 팝업이 있으면 이미 있어야합니다.

<script language="JavaScript" type="text/javascript" src="bootstrap.min.js"></script>