当前位置: 首页 > 面试题库 >

禁用引导模态区域之外的单击以关闭模态

秦景福
2023-03-14
问题内容

我正在制作一个Bootstrap网站,其中包含几个Bootstrap’Modals’。我正在尝试自定义一些默认功能

问题是这样;您可以通过单击背景关闭模态。反正有禁用此功能?仅在特定模态上?


问题答案:

在“选项”一章的链接页面中,您可以看到该backdrop选项。将此值传递给值'static'将防止关闭模态。
正如@PedroVagner在评论中指出的那样,您还可以通过按{keyboard: false}来阻止关闭模式Esc

如果您通过js打开模式,请使用:

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

如果使用数据属性,请使用:

 <button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
 </button>`


 类似资料:
  • 我正在做一个引导网站,与几个引导‘模式’。我正在尝试自定义一些默认功能。 问题是这样的;你可以通过点击背景关闭模式。是否有任何方法可以禁用此功能?只在特定情态动词上? 引导模式页

  • 我有一个引导模式对话框,我想首先显示,然后当用户单击页面时,它就消失了。我有以下内容: 最初会显示该模式,但在模式之外单击该模式时不会关闭。此外,内容区域不是灰色的。我如何使模式显示最初,然后关闭后,用户点击该区域以外?我怎样才能让背景像演示一样变灰?

  • 当我点击显示“alert()”函数的“Ok”按钮时,引导模式关闭。 下面是我的jQuery: 以下是我的html: 我正在从模式上的事件创建一个警报弹出窗口,但当单击警报()弹出窗口的“确定”时,它消失了。 如何防止在警报弹出窗口上点击“确定”后关闭模式? 谢啦

  • 我从这两个链接(js和css)导入JQuery Modal 我在正文中添加了以下html代码 下面是一个js文件 这样,模态就会像我预期的那样打开。问题是,当这结束时,我想关闭模态。但我找到的解决方案不起作用。我尝试了以下方法: 所有这些都不会像它应该的那样关闭模态(可能会隐藏模态,但不是全部,因为有一个黑屏) 我想这不应该这么难,但我进入的每个链接都告诉我要做一个 谢啦

  • 我正在尝试创建一个 Angular 4 自定义表单控件作为我的日期选择器。我正在使用ngx-bootstrap,到目前为止,我已经使用ngx-bootstrap的输入,日期选择器和弹出框组件设置了这个自定义表单控件。自定义控件打开一个焦点为日期选取器的弹出窗口,但是,我需要能够通过与弹出框内容交互来更改日期,并且在我不与弹出框或输入交互时它应该关闭。我试图跟踪ngx-bootstrap githu

  • 问题内容: 任何人都有一个简单的指令来自动显示Bootstrap模式吗?在Bootstrap 3中,他们取消了自动显示模态的功能,因此我不能使用有角度的ng-if show块。任何帮助都会很棒。 问题答案: 已针对angular 1.2和Bootstrap 3.1.1更新: http : //embed.plnkr.co/WJBp7A6M3RB1MLERDXSS/ 我扩展了Ender2050的答案