Question

我只是在bootstrap网站上复制并粘贴模态示例，但它无法正常工作，我该怎样做才能正常工作？就像当我点击按钮时它没有打开。启动演示模式

<!-- Modal -->
 <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-  labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
  <p>One fine body…</p>
</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>

Answer 1

您可以在此处找到所有信息Bootstrap modal Bootstrap Examples

$('#myModal').modal('show')会显示您的模态

你可以添加一个id = Btn的按钮并执行以下操作：

$(document).ready(function() {

$('#Btn').live("click", function() {

$("#modal").modal("show");

});

});

如何在bootstrap中创建模态？

1 个答案: