HTML（jquery）を定義せずにブートストラップのポップアップを表示

Question

htmlにHTMLをあらかじめ定義することなく、ウェブサイトにブートストラップポップアップを表示することは可能ですか？

代わりに、Javascriptまたは別のhtmlテンプレートで定義することもできます。

私はそれを達成する方法を教えてもらえますか？

Answer 1

Javscriptを使用してHTMLノードを追加し、ブートストラップモーダルを開きます。

var modalHTML = '<div id="myModal1" class="modal hide" tabindex="-1" role="dialog"> \ 
       <div class="modal-header">\ 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>\ 
       <h3>Standard Selectpickers</h3>\ 
       </div>\ 
       <div class="modal-body">\ 
       </div>\ 
       <div class="modal-footer">\ 
       <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>\ 
       <button class="btn btn-primary">Save changes</button>\ 
       </div>\ 
       </div>'; 
$('.container').append(modalHTML); 
$("#myModal1").modal() 

DEMO JS FIDDLE