Bootstrap Modal初始化和AJAX

我面臨一個問題與引導模態，我想要做的是插入HTML內容引導模態使用AJAX內，但是當我加載模態沒有顯示，當我檢查模態我可以看到AJAX中的html內容，我發現這是因爲需要用來初始化模式的時間比AJAX加載html內容所需的時間更快。Bootstrap Modal初始化和AJAX

有沒有辦法讓模態和AJAX加載同時存在，或者是否有另一種方法可以從模態體內的ajax顯示來製作html內容。

模態：

<div class="modal hide fade" id="MobileAppPromoDiv"> 
<div class="modal-body"> 
</div> 
<div class="modal-footer"> 
    <a href="#" class="btn btn-success" data-dismiss="modal">Ok</a> 
</div>

阿賈克斯：

$.get("URL",{action:21},function(htmlContent){ 
    $('#MobileAppPromoDiv').find('.modal-body').append(htmlContent); 
       $('#MobileAppPromoDiv').modal('toggle'); 
});

來源

2013-07-25 Ya Basha

我發現了一種在AJAX調用期間初始化模態的方法，所以兩者都將同時初始化並正確顯示。

$.get("URL",{action:21},function(htmlContent){ 
$('#MobileAppPromoDiv').find('.modal-body').append(htmlContent); 
$('#MobileAppPromoDiv').modal('show').on('shown', initHtml); 
});

而在initHTML函數中，我爲我想要的ex頁的html頁面進行初始化。 $(document).ready(function() { . . . }所以HTML頁面將是模態初始化的時間準備

我希望這將是一個人

有幫助

來源

2013-07-26 06:57:37

您可以setTimeout（）方法來延遲madel初始化一段時間來加載使用AJAX的HTML內容。

來源

2013-07-25 04:20:18 web2008

Bootstrap Modal初始化和AJAX

回答

相關問題