Question

如何实现bootstrap modal加载远程url的功能

Answer 1

<!-- 链接代码 -->
    <a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>

<!-- 页面中的弹层代码 -->
    <div class="modal" id="modal">
        <div class="modal-dialog">
            <div class="modal-content"></div>
        </div>
    </div>

<!-- 远程URL返回的代码 -->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>

加载的内容是被放到.modal-content里的，外面的弹层里面必须要有以上代码，远程生成的代码里是剩下的部分；