如何使用javascript调用bootstrap模式并传递变量

Question

  

可能重复：
  How to pass values arguments to modal.show() function in twitter bootstrat

我在教程中有一个简单的Boostrap模式：

<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…</p>
  </div>
  <div class="modal-footer">
  <a href="#" class="btn">Close</a>
 </div>
</div>

我有一个Leaflet标记，我添加了一个自定义点击功能：

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

如何编写一个单击函数，将调用并显示Bootrap模型并用自定义标题和正文填充它？

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");
}