7

私はTwitterでBootstrapライブラリが好きです。私は簡単なページでそれを使ってみたいと思います。私はそこに自動的に表示するページをロードした後に必要the modal window。誰も私にヒントを教えてもらえますか、それをどうやって行うことができますか?Bootstrap.js - モーダルウィンドウを自動的に表示する方法は?

ありがとうございます。ページの準備が完了したときに

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

答えて

9

も。

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

お勧めします。

+0

「におけるモーダルフェード」とクラス=? –

+0

そのために、私の親愛なる@DivpreetSingh、私はあなたを[マニュアル](http://getbootstrap.com/javascript/#modals)にリダイレクトしたいと思います。 – giorgio

2

このモーダル負荷:このような何かを...あまりにも難しいことではありません

4

あなたのモーダル...

<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;"> 
関連する問題