부트 스트랩 모달이 첫 번째 호출에 표시되지 않음

Question

부트 스트랩 3.0 모달을 사용하여 외부 HTML 파일을 jQuery Ajax 로더를 사용하여 모달로로드하려하지만 첫 번째 호출에는 표시되지 않지만 후속 호출에서는 작동합니다.

<a data-toggle="modal" data-target="#myModal" href="#myModal" id="myModal" aria-hidden="true">Department</a> 

<div class="contianer"> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
       </button> 
       <h4 class="modal-title"> 
        <img src="img/logo.png" width="150" alt="SmartAdmin"> 
       </h4> 
      </div> 
       <div class="modal-body no-padding"> 
       </div> 
     </div> 
    </div> 
</div> 
</div> 

<script type="text/javascript"> 
$('#myModal').click(function(e){ 
    e.preventDefault(); 
    $.ajax({ 
     type: "GET", 
     url: "?AId=DEPT_ADDUPDATE", 
     data: { }, 
     success: function(data){ 
      $('.modal-body').html(data); 
     } 
    }); 
}); 
</script> 

Answer 1

그냥 추가 :

success: function(data){ 
     $('.modal-body').html(data); 
     $('#myModal').modal("show"); 
    }