Javascript 页面加载时未显示Twitter引导模式(灰色屏幕)
我正试图让twitter引导模式对话框出现在特定视图的页面加载上。我使用以下代码执行此操作:Javascript 页面加载时未显示Twitter引导模式(灰色屏幕),javascript,jquery,twitter-bootstrap,modal-dialog,Javascript,Jquery,Twitter Bootstrap,Modal Dialog,我正试图让twitter引导模式对话框出现在特定视图的页面加载上。我使用以下代码执行此操作: <script> $(window).load(function(){ $('#shareModal').modal('show'); }); </script> <div class="modal hide fade" id="shareModal"> <div class="modal-header"> <a
<script>
$(window).load(function(){
$('#shareModal').modal('show');
});
</script>
<div class="modal hide fade" id="shareModal">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>
$(窗口)。加载(函数(){
$('sharedmodal').modal('show');
});
在页面加载时,屏幕显示为“灰色”(褪色),没有显示任何内容,而不是弹出模式。有人知道会发生什么吗?多谢各位 Hmmm,
我认为您应该尝试使用Bootstrap 3:
<div class = "modal fade" id="shareModal" role = "dialog">
<div class = "modal-dialog">
<div class = "modal-content">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>
</div>
</div>
在浏览器的控制台中,只需键入:$('#shareModal').modal();来测试你的模型
<!-- Modal -->
<div class="modal fade" id="myModal" 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">
One fine 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><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
这里有一些解决方案:
$(window).load(function(){
$('#myModal').modal('show');
});