Come aprire il modal bootstrap con successo ajax

Question

Voglio aprire il modal bootstrap attraverso jquery. So che ajax sta correndo verso il successo mentre lancia avvisi. Ma non può aprire modale. Questi sono il mio codice

$.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); 
    } 
}); 

E il mio HTML modale è:

<!-- 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> 

In errore nella console: modale non è una funzione.

Answer 1

prova con questo

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

Answer 2

Prova questo:

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

Questo dovrebbe funzionare :).

Answer 3

questo accade quando si include la libreria jquery due volte. controllalo, forse lo includi nel tuo indice e poi di nuovo inutilmente nella tua pagina parziale.