On Options chapter, in the page you linked, you can see the backdrop
option. Passing this option with value 'static'
will prevent closing the modal.
As @PedroVagner pointed on comments, you also can pass {keyboard: false}
to prevent closing the modal by pressing Esc.
If you opening the modal by js use:
$('#myModal').modal({backdrop: 'static', keyboard: false})
If you are using data attributes, use:
<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false"> Launch demo modal </button>`
原文:http://stackoverflow.com/a/22208662/602382
转自:Disable click outside of bootstrap model area to close modal
相关推荐
可拖拽的bootstrap弹出窗口结合jquery-ui实现的弹出和拖拽效果。
Bootstrap弹出框
Bootstrap弹出框水平居中,垂直居中
Bootstrap点击弹出层用户登录窗口模板基于Bootstrap3.3.5制作,简单实用。
主要介绍了BootStrap model弹出框的使用,介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起学习吧
前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑。在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的...
Bootstrap 弹出框(Popover)插件 弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图。如需激活弹出框,用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用 Bootstrap 数据 API(Bootstrap ...
只提供了bootstrap弹出框样式 非常简洁
好用的 js,bootstrap 城市弹出框
PopConfirm是一款基于bootstrap的jquery弹出层确认框插件。该jquery弹出层确认框插件兼容bootstrap2和bootstrap3。它能够使用bootstrap Popover来替代确认框功能,非常方便。
bootstrap模态框弹出效果是一款15种模态框弹出效果代码。
主要介绍了Bootstrap实现弹性搜索框的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
1.Bootstrap弹出框示例 <button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">...
escape关闭bootstrap响应式弹出层
基于jQuery和Bootstrap的弹出框,替代使用浏览器弹出的警告框,优化后弹出框样式。
Bootstrap4 弹出框 弹出框控件类似于提示框,它在鼠标点击到元素后显示,与提示框不同的是它可以显示更多的内容。 如何创建弹出框 通过向元素添加 data-toggle=”popover” 来来创建弹出框。 title 属性的内容为弹...
bootstrap中的模态框(modal),不同于Tooltips,模态框以弹出对话框的形式出现,具有最小和最实用的功能集。这篇文章主要介绍了BootStrap中的模态框(modal,弹出层),需要的朋友可以参考下
主要介绍了Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
bootstrap设置时间可以提示框定时消失。
主要为大家详细介绍了Bootstrap实现弹出框和提示框效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下