javascript - 如何使用 Javascript 调用引导模式并传递变量

Question

可能重复：
如何在 twitter bootstrat 中将值参数传递给 modal.show() 函数

我从教程中有一个简单的引导模式：

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