2015-03-08 19 views
6

JQuery ile önyükleme modalını açmak istiyorum. Uyarıları atarken başarıya koşarken ajax'ı biliyorum. Ama modal açamıyorum. Bunlar benim kodum. ajax başarısındaki bootstrap modemi nasıl açılır

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

Ve modal HTML:

konsolunda hata olarak
<!-- 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> 

: kalıcı bir işlev değil. :)

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

Bu çalışması gerekir:

+0

Ve ne olur? Konsolda bazı hatalar var mı? –

+0

"Başarı: fonksiyon (msg)" – knitevision

+0

ile bir satırda açılış braketini yerleştirmeyi deneyin "bootstrap.js" yi mi ithal ettiniz? –

cevap

8

bu bir deneyin bu

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

sadece "$ (" # getCodeModal "). Modal ('show');' başarı fonksiyonunun içinde gereklidir. @Shakil '$ ("# getCode") koyarken modeldeki hiçbir içerik gösterilmez. Html (resp); ' –

+0

'dan önce Bu benim de aradığım doğru cevaptır. Teşekkürler. –

3

ile deneyin.

+0

yukarıdan kopyalandı –

0

Bu, kitaplık jquery'yi iki kez eklediğinizde gerçekleşir. Bunu kontrol edin, belki de dizininize dahil edersiniz ve sonra gereksiz yere kısmi sayfada.

İlgili konular