javascript - 如何使模态不可闭合

标签 javascript twitter-bootstrap

我有一个模态,我只希望在动作完成后隐藏该模态,所以我不希望用户右键单击窗口的任何区域以免隐藏模态,我只希望模态本身隐藏当动作完成时

function getInfo(id){
  $.('#mod').modal('show')
  $.post('/ajax', {id : id}, function(res){
      if(res){
         $.('#mod').modal('hide')//the modal will automatically be hidden
      }
  });


现在,在运行ajax的过程中,即使用户单击窗口的任何区域,我也希望模态在屏幕上显示,该模态不应消失

提前致谢。

最佳答案

我想这就是你想要的

$('#mod').modal({
        backdrop: 'static',
        keyboard: true, 
        show: true
    });


阅读此https://getbootstrap.com/docs/4.0/components/modal/以获得更好的理解

要使模态消失,可以使用此

   $( '#mod' ).modal('hide');
   $('.modal-backdrop').remove();

关于javascript - 如何使模态不可闭合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51510578/

相关文章:

javascript - 如何在不渲染页面的情况下点击链接?

javascript - 如何在自定义按钮单击时打开 Bootstrap 日期时间选择器,但值应保存在隐藏文本框中?

javascript - Bootstrap Carousel 不工作(一次显示所有图像)

html - Bootstrap v4 多个 navbar-toggleable 由单个 navbar-toggler 定位

ruby-on-rails-3.1 - Formastic Bootstrap Rails 错误 - 没有这样的文件来加载 ButtonsHelpers

html - Bootstrap 容器

javascript - jquery lightbox按下一个按钮时自动滚动网站

javascript - 正则表达式仅引用字符串匹配(而不是数字)

javascript - 正则表达式手机和座机号码

javascript - 从 jquery keypress 方法运行 Databind 方法