Bootstrap Modal初始化和AJAX

Question

我遇到引导程序模版的问题，我想做的就是使用AJAX在引导程序模版中插入HTML内容，但是当我加载模态时，什么都没有显示，当我检查模态时，我可以看到AJAX的html内容，指出这是因为初始化模式所需的时间比AJAX加载html内容所花费的时间更快。

有没有一种方法可以同时使模式和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>

Ajax：

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

Answer 1

我找到了一种在AJAX调用期间初始化模式的方法，因此可以同时初始化它们并正确显示它们。

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

在initHTML函数中，我将要初始化的html页面进行了初始化。 $(document).ready(function() { . . . }因此html页面将在模式初始化时准备就绪

我希望这会对某人有所帮助

Answer 2

您可以使用setTimeout（）方法将makel初始化延迟一段时间，以使用AJAX加载HTML内容。