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">×</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">×</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上