Twitter Bootstrapモーダルを作成しますが、表示する準備ができるまで隠しておきます。Twitter Bootstrapモーダルを生成する方法を隠しておく方法
ここに示すデモのコードは最小です。モダールは正常に作成されますが、display:blockをインラインで適用して、自分のスタイルをオーバーライドします。
modalHtml = '<div class="modal fade" style="display: none" tabindex="-1" role="dialog" id="myModal">'
+ '<div class="modal-dialog modal-lg" role="document">'
+ '<div class="modal-content">Hello World</div></div></div>'
modal = jQuery(modalHtml);
modal.modal('show');
https://jsfiddle.net/Lx23xqbq/2/
私はこの
modal.modal('hide');
を追加することができます。しかし、これは、モーダルは、一瞬のために見ることができるようになります。
Twitter Bootstrapモーダルをユーザーに表示せずに作成するにはどうすればよいですか?
あなたは 'modal.modal( 'show');と呼ばれる理由はありますか? – hungerstar
なぜこのコードを持っていますか?modal.modal( 'show');それを削除すると、モーダルは表示されません。 –
@VimalanJayaGanesh 'modal.modal( 'show')'を呼び出さないと、モーダルは存在しません。モーダルが必要ですが、表示されません。 – Goose