Question

这是我的代码

<li><a data-toggle="modal" href="test1.php" data-target="#myModal">click me 1</a></li>
<li><a data-toggle="modal" href="test2.php" data-target="#myModal">click me 2</a></li>

<div id="myModal" class="modal hide" 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">
  </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>

<script language="javascript" type="text/javascript">
$('#myModal').on('hidden', function () {
    $(this).removeData('modal');
});
</script>

这里我如何禁用模型窗口中的“背景”和“键盘”

我尝试下面的事情

$('#myModal').modal({
  keyboard: false
})

但没有工作

Answer 1

删除此行

<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>

我跟踪了这个事件，发现触发了这个按钮。

Answer 2

这是一个HTML解决方案：

<a href="#" data-controls-modal="your_id" data-backdrop="static" data-keyboard="false">

“”“

如何在bootstrap模态窗口中制作键盘：false？

2 个答案: