javascript - Javascriptでブートストラップモーダルを呼び出して変数を渡す方法

Question

重複の可能性:
Twitter の bootstrat で modal.show() 関数に値の引数を渡す方法

チュートリアルからの単純な Bootstrap モーダルがあります。

<div id="modal-custom-id" class="modal hide fade">
 <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  <h3>Modal header</h3>
  </div><div class="modal-body">
   <p>One fine body…&lt;/p>
  </div>
  <div class="modal-footer">
  <a href="#" class="btn">Close</a>
 </div>
</div>

そして、カスタム クリック関数を追加するリーフレット マーカーがあります。

marker.on('click', function(e) {
   ...
}

Bootstrapモデルを呼び出して表示し、カスタムのタイトルと本文で埋めるクリック関数の書き方は?

Answer 1

モーダルを表示する前に、DOM をナビゲートして値を変更できます。あなたの例を使用すると、次のようなものがあるかもしれません：

marker.on('click', function(e) {
   $("#modal-custom-id .modal-header h3").html("New Title"):
   $("#modal-custom-id .modal-body p").html("New Body"):
   $("#modal-custom-id").modal("show");
}