我正在使用Twitter Bootstrap创建一个模态窗口.默认行为是,如果单击模态区域外,模态将自动关闭.我想禁用它 - 即在模态外部单击时不关闭模态窗口.
有人可以共享jQuery代码来做到这一点吗?
我正在使用Twitter Bootstrap模式作为向导窗口,并且希望在单击模态外部或按下escape时阻止用户关闭它.相反,我希望在用户按下完成按钮时关闭它.我怎么能实现这种情况?
我正在使用Twitter引导模态对话框.当我单击bootstrap模式对话框的提交按钮时,它会发送一个AJAX请求.我的问题是模态背景不会消失."模态"对话框确实消失了,但是"模态背景"会在屏幕上创建不透明度
我能做什么?
如果用户点击外部模态或按ESC,我想阻止关闭bootstrap模式.我知道这个问题被多次询问,但他们没有帮助
我的模态
<div class="modal fade modal-popup confirm-uploaded-image-popup" id="uploadedImagePopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-popup-content" role="document">
<div class="confirm-uploaded-image-popup-img"></div>
<div class="modal-popup-desc">{!! trans("You have uploaded a picture. Are you sure you want to add it to your gallery?") !!}</div>
<button class="btn btn-very-light-gray confirm-uploaded-image-popup-cancel">{{ trans('Cancel') }}</button>
<button class="btn btn-green confirm-uploaded-image-popup-ok">{{ trans('OK') }}</button>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
文件上传后(从表单)出现模态.
window.showRegisteruploadConfirmPopup = function(regupload, okCallback, cancelCallback){
var $popup = $('#uploadedImagePopup');
var $popupImg = $popup.find('.confirm-uploaded-image-popup-img');
var $okBtn = $popup.find('.confirm-uploaded-image-popup-ok');
var $cancelBtn = $popup.find('.confirm-uploaded-image-popup-cancel');
//use a boolean flag to avoid successive popups …Run Code Online (Sandbox Code Playgroud) jquery modal-dialog twitter-bootstrap bootstrap-modal twitter-bootstrap-3
我有一个引导模式,我已将其设置为在页面加载时打开,效果非常好。
但是,如果您在模式之外单击,我会尝试禁用该功能。
它包含一个必需的表单,必须填写并提交该表单才能关闭模式,这是我正在使用提交按钮处理的事情,但我需要首先确保用户无法以任何其他方式关闭此模式无需填写表格并提交。
这是当前的代码:
<script type="text/javascript">
$(window).on('load',function(){
$('#my_modal').modal('show');
$("#my_modal").modal({
backdrop: 'static',
keyboard: false
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
所以它在页面加载时打开没有问题,但如果我点击 x,或单击它的外部,它就会关闭,我不想完全禁用它。