Bootstrap Modal ajax内容，动画加载

Question

我通过从另一个页面加载内容来使用Bootstrap Modal，并且数据非常复杂（多查询/动态形式），所以当打开模态时，它会有点卡住。

我想要一些动画或指示器来显示模态尚未崩溃...请稍候。

我必须搜索并尝试多种方法但不起作用，在某些解决方案中.gif在模态加载时也会卡住。我将此方法用于远程内容。 http://jsfiddle.net/cp67J/1994/

<!-- Link trigger modal -->
<a href="remote_content.php?id=1" data-toggle="modal" data-target="#myModal" >
    Launch Modal content 1
</a>
<a href="remote_content.php?id=2" data-toggle="modal" data-target="#myModal" >
    Launch Modal content 2
</a>

<!--MODAL SECTION-->
<div class="modal fade" id="myModal" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                
            </div>
        </div>
    </div>
</div>

Answer 1

不知道bootstrap模态是否支持此功能。但简单的解决方案就是。

1. 使用加载动画显示普通模态。
2. 在背景中使用ajax加载内容。
3. 用加载的数据替换装载程序。

P.S。你也可以尝试使用$ .fn.load并允许jQuery为你做2.和3.步骤。