如何避免在引导关闭模式

我有以下的自举3模式如何避免在引导关闭模式

<!-- SignUp Modal --> 
<div style="display: none;" class="modal fade" id="signUpModal" tabindex="-1" role="dialog" aria-labelledby="signUpModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <h4 class="modal-title" id="signUpModalLabel">Sign up</h4> 
      </div> 
      <div class="modal-body"> 
       <input type="email" name="newsletter_email" value="" placeholder="Please insert email..." required> 
      </div> 
      <div class="modal-footer"> 
       <input type="submit" name="submit" value="Submit" class="button" /> 
      </div> 
     </div> 
    </div> 
</div> 
<!-- /.SignUp Modal --> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#signUpModal").modal("show"); 
}); 
</script>

我怎样才能避免它被点击它之外（请不是我删除从模式中的关闭按钮）关闭

来源

2016-04-25 Bogdan

看看这个http://stackoverflow.com/a/22208662/4790490 – Hearty

@热心 - 感谢您的链接 – Bogdan

随时欢迎！ :) – Hearty

使用data-backdrop =“static”属性用于点击并使用data-keyboard =“false”来阻止模式框按钮上的esc键html示例代码为“div id =”idModal“class =”modal hide “data-backdrop =”static“data-keyboard =”false“

来源

2016-04-25 12:27:58

@ feroz-siddiqui的答案有效，但我找到了另一种方法来达到同样的结果。

$('#signUpModal').on('hide.bs.modal', function (event) { 
    event.preventDefault(); 
});

来源

2016-04-25 13:00:32 Bogdan

你可以试试这个：

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

背景： '静态'：手段不关闭上点击模式

键盘：假：按Esc键韩元不会隐藏模式

您可以看到模式选项的引导使用这里：http://getbootstrap.com/javascript/#modals-options

来源

2017-04-13 02:57:26

如何避免在引导关闭模式

回答

相关问题