表单提交时防止bootstrap 3模态

时间:2015-09-07 13:58:52

标签: twitter-bootstrap

我有以下表格:

<form method="POST" action="#">     
 //something here
 <button name="submit" type="submit" class="btn btn-primary">Save</button>  
</form>

我的模态:

<div class="modal fade" id="editBox" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content"></div>
  </div>
</div>

当提交表单时,表单关闭,在stackO上提到类似的问题,但没有可行的解决方案。

1 个答案:

答案 0 :(得分:1)

之前已经回答过这个问题,相关主题解释您应该在代码中添加data-backdrop="static"。像这样:

<div class="modal fade" data-backdrop="static" id="editBox" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content"></div>
  </div>
</div>

除非在这里发生了什么,否则你无法解释。