ajax success에서 부트스트랩 모드를 여는 방법

ajax success에서 부트스트랩 모드를 여는 방법

jquery를 통해 bootstrap modal을 열고 싶습니다.나는 경고를 던져서 성공을 향해 달려가는 것에 대해 아약스를 알고 있습니다.그러나 모달을 열 수 없습니다.이것들이 내 암호입니다.

$.ajax({
    type: "POST",
    url: "<?php echo base_url() . 'index.php/application/requestCode'; ?>",
    data: {
        'apiName': apiName,
        'api': api,
        'hotel': hotel,
        'payment':payment,
        'template': template
    },
    success: function(msg)
    {
        $("#getCodeModal").modal("toggle");
        $("#getCode").html(msg);
    }
});

그리고 제 모달 HTML은:

 <!-- Modal -->
 <div class="modal fade" id="getCodeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
         <h4 class="modal-title" id="myModalLabel"> API CODE </h4>
       </div>
       <div class="modal-body" id="getCode" style="overflow-x: scroll;">
          //ajax success content here.
       </div>
    </div>
   </div>
 </div>

콘솔에서 오류가 발생했습니다. 모달이 함수가 함수가 아닙니다.

이걸로 해보세요.

success: function(resp){
    $("#getCode").html(resp);
    $("#getCodeModal").modal('show');
}

이것을 시도해 보십시오.

success: function(data) {
    $("#getCode").html(data);
    jQuery("#getCodeModal").modal('show');
}

이것은 작동할 것입니다 :).

아래의 코드를 적으세요.

success: function(msg)
    {
        $("#getCodeModal").modal("show");
        $("#getCode").html(msg).show();
    }

이것은 도서관 jquery를 두번 포함할때 발생합니다.그것을 확인해 보세요, 아마도 당신은 그것을 당신의 색인에 포함시키고 그리고 다시 당신의 부분 페이지에 불필요하게 포함시킬 수 있습니다.

처음으로 모드를 전환한 후 다시 한 번 전환하여 "끄기"로 전환해야 합니다.성공 기능에서 전환하면 정상적으로 나타납니다.예:

$('#Modal').modal('toggle)  //this is the first time to toggle the modal
$('#Modal').modal('toggle)  //this is the second time "to turn it off"
success:function(){
$('#Modal').modal('toggle)  //this is the third time to "turn it on again"
}

언급URL : https://stackoverflow.com/questions/28924551/how-to-open-bootstrap-modal-in-ajax-success