我使用Twitter引导模式作为向导窗口,并希望防止用户在模式外单击或按下escape时关闭它。相反,我希望它在用户按下完成按钮时关闭。我如何实现这个场景?
当前回答
这段代码将防止模式关闭,如果你点击模式之外。
$(document).ready(function () {
$('#myModal').modal({
backdrop: 'static',
keyboard: false
})
});
其他回答
也工作,data- background ="static"点击出来和data-keyboard="false"到Esc在你的div模式:
<div id="idModal" class="modal hide" data-backdrop="static" data-keyboard="false">
只需在该模式中添加data- background ="static"和data-keyboard="false"属性即可。
Eg.
<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#">
如果使用JavaScript,那么:
$('#myModal').modal({
backdrop: 'static',
keyboard: false
})
在show的情况下
$('#myModal').modal({backdrop: 'static', keyboard: false}, 'show');
或HTML:
<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#">
下面的脚本适合我:
// prevent event when the modal is about to hide
$('#myModal').on('hide.bs.modal', function (e) {
e.preventDefault();
e.stopPropagation();
return false;
});
您可以使用下面的代码
$.fn.modal.prototype.constructor.Constructor.DEFAULTS.backdrop = 'static';
更改默认行为。
推荐文章
- 使伸缩项目正确浮动
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- $(window).width()与媒体查询不一样
- 在HTML中还有其他有用的空格码吗,比如半空格的 , em-spaces, en-spaces等等?