私はJavaScriptを全く知りません。Bootstrapのドキュメントには
JavaScript 経由でモーダルを呼び出します。
$('#myModal').modal(options)
ページの読み込み時にこれを呼び出す方法がわかりません。Bootstrap ページに提供されているコードを使用すると、要素のクリック時にモーダルを正常に呼び出すことができますが、ページの読み込み時にすぐに読み込まれるようにしたいのです。
ベストアンサー1
ページの読み込み時に呼び出したいモーダルをload
、ドキュメントのヘッド セクションの jQuery イベント内にラップするだけで、次のようにポップアップ表示されます。
JS
<script type="text/javascript">
$(window).on('load', function() {
$('#myModal').modal('show');
});
</script>
html
<div class="modal hide fade" id="myModal">
<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>
次のようなリンクを使用してページ内でモーダルを呼び出すこともできます。
<a class="btn" data-toggle="modal" href="#myModal">Launch Modal</a>