logo标签列表

Bootstrap.js - 如何自动显示模态窗口？

javascriptjquerytwitter-bootstrapmodal-dialog
7

我喜欢Twitter的Bootstrap库，并想尝试在我的简单页面中使用它。我需要在页面加载后自动显示模态窗口。有没有人能给我提示，如何实现？

3个回答
9

那应该不难...可以这样做：

jQuery(document).ready(function($) {
    $('#my-modal').modal(options)
});
有哪些可用的属性可以放在选项中？ - d-coder
亲爱的@DivpreetSingh，为此，我想引导您查看手册。 - giorgio
4

Your modal...

<div class="modal fade" id="formSaludo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

如果想要打开模态框...请使用 style="display: block;" 和 class="modal fade in" 
<div class="modal fade in" id="formSaludo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: block;">
2

当页面准备好时，该模态框会加载。

<body>
    <div id="top"> 
       <a tabindex="-1" href="#" id="metadata-link" data-target="#modal" data-toggle="modal">Metadata</a>
    </div>

   <div id="modal" class="modal hide fade in" style="display:none;">
      <div class="modal-header">header<a class="close" data-dismiss="modal">x</a></div>
      <div class="modal-body"></div>
      <div class="modal-footer">footer</div>
   </div>

<script>

    $(document).ready(function() {
        $('#top').find('a').trigger('click');

    });
</script>

最好的问候。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接