0

我遇到了引导模式的问题，我想做的是使用 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>

阿贾克斯：

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

2 回答 2

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 页面将在模态初始化时准备好

我希望这对某人有帮助

于 2013-07-26T06:57:37.597 回答
0

您可以使用 setTimeout() 方法将madel 初始化延迟一段时间以使用AJAX 加载HTML 内容。

于 2013-07-25T04:20:18.077 回答