通过远程 url 引导模态加载内容，等待模态完全加载内容直到显示答案

【问题标题】：bootstrap modal loading content via remote url, wait for modal to fully load content until being shown通过远程 url 引导模态加载内容，等待模态完全加载内容直到显示
【发布时间】：2013-05-13 21:12:57
【问题描述】：

我可以通过远程 url 将内容加载到引导模式中，但问题是模式窗口打开了，但内容没有加载。

加载内容后，模态框的主体会更新，并且高度会扩展以适合模态框的内容。

但是，我只想在内容完全加载后才显示模态，并且可能在模态加载时显示动画 gif。

我查看了文档，但我没有看到任何关于一旦加载模式可能会出现回调的信息。我希望在触发回调并显示它之前可能会隐藏模式。我该怎么做？

【问题讨论】：

在ajax方法成功回调执行之前不显示modal。 api.jquery.com/load/#callback-function
您可以进行 AJAX 调用，并在 success 上调用带有附加 AJAX 下载的 HTML 的模式。这应该足够了，除非它是一个表单或需要提交的东西（因为表单的操作等将指向您的服务器，除非它是绝对路径）。
谢谢大家！我明白了你的建议。

标签： jquery twitter-bootstrap bootstrap-modal

【解决方案1】：

感谢上面的 cmets，我得到了它。我使用数据属性（'data-href'）存储了触发弹出窗口的锚标记的远程 URL，锚类名称为“popup-links”，使用以下 javascript：

$jq191('.popup-links').on( 'click', function( e ){
    var remote= $jq191( this ).data( 'href' );
    $jq191('.modal-body').load( remote, function( e ){
        $jq191( '#myModal' ).modal( 'show' );
    });
});

【讨论】：