Bootstrap.js - 如何自動顯示模態窗口？

我喜歡Twitter的Bootstrap庫，我想嘗試在我的簡單頁面中使用它。加載頁面後我需要自動顯示the modal window。誰能給我一個小費，怎麼可能做到這一點？Bootstrap.js - 如何自動顯示模態窗口？

謝謝。

2012-01-28 user984621

也應該不會太難......做這樣的事情：

jQuery(document).ready(function($) { 
    $('#my-modal').modal(options) 
});

來源

2012-01-28 13:07:58 giorgio

什麼都可以歸因於投入的選擇嗎？ – 2013-08-06 19:35:11

爲此，親愛的@DivpreetSingh，我想將您重定向到[手冊]（http://getbootstrap.com/javascript/#modals） – giorgio 2013-08-07 08:49:20

這種模式的負載時，頁面已準備就緒。

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

最好的問候。

來源

2013-08-01 21:08:59 Tabares

你的語氣......

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

如果模態的Ulike開...使用風格= 「顯示：塊;」和類=「模態變臉」

<div class="modal fade in" id="formSaludo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: block;">

來源

2014-05-11 15:51:17

Bootstrap.js - 如何自動顯示模態窗口？

回答

相關問題