bootstrap模式通过远程url加载内容,等待模态完全加载内容直到显示

时间:2013-05-13 21:12:57

标签: jquery twitter-bootstrap bootstrap-modal

我可以通过远程URL将内容加载到引导模式中,但问题是模态窗口打开,但内容未加载。

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

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

我查看了文档,但是一旦模态加载,我没有看到任何关于回调的内容。我希望可能保持模态隐藏,直到回调被触发并显示它。 我怎么能这样做?

1 个答案:

答案 0 :(得分:8)

我得到了上述评论。我存储了远程URL,用于使用数据属性('data-href')触发弹出窗口的锚标签,锚点类名称为'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' );
    });
});