2015-03-08 8 views
6

में बूटस्ट्रैप मोडल को कैसे खोलें I jquery के माध्यम से बूटस्ट्रैप मोडल खोलना चाहते हैं। मैं सफलता के लिए दौड़ने में AJAX जानता हूं क्योंकि यह अलर्ट फेंकता है। लेकिन मोडल नहीं खोल सकते हैं। ये मेरे कोड हैं।AJAX सफलता

$.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> 

कंसोल में त्रुटि में: मोडल एक समारोह नहीं है।

+0

और क्या होता है? कंसोल में कुछ त्रुटियां? –

+0

'सफलता' के साथ एक पंक्ति में उद्घाटन ब्रैकेट डालने का प्रयास करें: फ़ंक्शन (msg) '' – knitevision

+0

क्या आपने 'bootstrap.js' आयात किया था? –

उत्तर

8

इस

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

केवल '$ (" # getCodeModal ")। मोडल ('शो'); सफलता समारोह के अंदर की आवश्यकता है। @Shakil मॉडल में कोई सामग्री प्रदर्शित नहीं होती है जब '$ (" # getCode ") डाल दिया जाता है। Html (resp); –

+0

से पहले यह सही उत्तर है जिसे मैं ढूंढ रहा था। धन्यवाद। –

3

साथ की कोशिश की कोशिश करो इस एक:

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

यह काम करना चाहिए :)।

+0

ऊपर से कॉपी किया गया –

0

ऐसा तब होता है जब आप लाइब्रेरी jquery दो बार शामिल करते हैं। इसके लिए जांचें, हो सकता है कि आप इसे अपने इंडेक्स में शामिल करें और फिर फिर से आप आंशिक पृष्ठ में अनावश्यक रूप से शामिल करें।

संबंधित मुद्दे