Javascript 引导远程模式

Javascript 引导远程模式,javascript,jquery,html,twitter-bootstrap-3,Javascript,Jquery,Html,Twitter Bootstrap 3,从远程页面加载模式时遇到问题。内容不是加载到模式中,而是加载到页面顶部。模态甚至没有出现。为什么不将其加载到模式中 索引页 <script> $('#modal').modal({ keyboard: false, remote: "second.html", show: false }) </script> <a data-toggle="modal" href="second.html" data-target="#modal" cl

从远程页面加载模式时遇到问题。内容不是加载到模式中,而是加载到页面顶部。模态甚至没有出现。为什么不将其加载到模式中

索引页

 <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>

$('#model')。model({
键盘:错,
远程:“second.html”,
节目:假
})
&时代;
情态标题
...
接近
保存更改

第二页

 <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>
文本在此显示

屏幕截图:


如果您使用bootstrap 3.1,即几天前推出的新版本,他们会改变远程模式行为。 但是他们没有为它更改文档

从3.1版开始,远程模态的内容应放在模态根中,而应放在.modal content div中


是否包含引导CSS?是的,引导CSS包含在索引页上我在引导版本3.0.3.0上