2014-02-07 51 views
0

我从远程页面加载模态时遇到问题。内容没有被加载到模式中,而是被加载到页面顶部。模态甚至不显示。为什么这不加载到模态?引导远程模块

索引页

<script> 
$('#modal').modal({ 
    keyboard: false, 
    remote: "second.html", 
    show: false 
}) 
</script> 

<a data-toggle="modal" href="second.html" data-target="#modal" class="btn btn-primary btn-large">Load External Page</a> 
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
    <h4 class="modal-title" id="myModalLabel">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> 
</div> 

第二页

<p>TEXT GOES HERE</p> 

截图:

enter image description here

+0

你已经包含了引导CSS? – Phil

+0

是的,Bootstrap CSS包含在索引页中 – evanvee

回答

1

如果使用bootstrap 3.1,它是几天前发布的新引导程序,它们改变了远程模式行为。 虽然他们没有改变它的文档。

由于从3.1版本的远程模式的内容应该被放置在模根,但.modal内容DIV

Bug on github exlaining the undocumented new feature

+0

我在Bootstrap版本3.0.3.0 – evanvee