web-dev-qa-db-fra.com

Comment ouvrir bootstrap modal avec succès ajax

Je veux ouvrir bootstrap modal via jQuery. Je sais que Ajax est un succès, car il lance des alertes Mais ne peut pas ouvrir modal. Ce sont mon code.

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

Et mon HTML modal est:

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

En erreur dans la console: modal n'est pas une fonction.

javascriptjquerycssajaxtwitter-bootstrap
11
user254153

essayer avec ça

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

Essaye celui-là:

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

Cela devrait fonctionner :).

5
Parham Hojjat

cela se produit lorsque vous incluez la bibliothèque jquery deux fois. vérifiez cela, peut-être que vous l'incluez dans votre index, puis encore inutilement dans votre page partielle.

0
Dan