bootstrap 点击窗口空白不消失（modal）

迷南。 2021-10-08 07:06 409阅读 0赞

<div class="modal fade bs-example-modal-sm2" tabindex="-1" role="dialog"
    aria-hidden="true" data-backdrop="static">
        <div class="table-responsive">
            <div class="modal-dialog modal-sm2">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">
                                ×
                            </span>
                        </button>
                        <h4 class="modal-title" id="myModalLabel2">
                            <label data-locale="i18n_wasteQuantity">
                                测试
                            </label>
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered">
                                <tbody id="wasteStatisticsContent">
                                </tbody>
                            </table>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                <label data-locale="i18n_cancel">
                                </label>
                            </button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal">
                                <label data-locale="i18n_sure" οnclick="saveStrWasteNum()">
                                </label>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

注意：添加属性

data-backdrop="static"

![20180404111807731][]

**[点击创业][Link 1]**

[20180404111807731]: /images/20211008/8d28f3bc5cc34baf92c97459d407fc49.png
[Link 1]: https://shop120085695.taobao.com/?spm=a21ar.c-design.0.0.9ZGFHA

发表评论取消回复

表情：

评论列表（有 0 条评论，409人围观）

还没有评论，来说两句吧...

相关阅读

相关 PopupWindow点击空白区域消失

下面三个条件必须要有，要在popupWindow显示之前调用 popupWindow.setOutsideTouchable(true); popupWindo

亦凉/ 2023年08月17日 15:33/ 0 赞/ 114 阅读

相关 iview Modal对话框，点击确定阻止Modal隐藏

<Modal class="modal-mask" v-model="dialogMod" :title="title"

超、凢脫俗/ 2022年10月07日 09:58/ 0 赞/ 240 阅读

相关 bootstrap 禁用 modal 点击空白处关闭事件

在使用bootstrap的 modal 时候，会遇到在弹出的modal 后，点击空白处时 modal也关闭了，怎么禁用空白关闭事件呢一般使用： $('\modal\_

ゝ一世哀愁。/ 2022年08月01日 13:38/ 0 赞/ 294 阅读

相关模态框点击空白处不消失

代码： <div class="modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="s

- 日理万妓/ 2022年06月02日 03:39/ 0 赞/ 278 阅读

相关 bootstrap modal弹出框实现及实现按钮点击复制功能

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta h

迈不过友情╰/ 2022年05月23日 11:40/ 0 赞/ 257 阅读

相关 android 点击空白区域键盘消失&加载gif图片

威哥开发手机Pda系统，发现输入完用户名后，发现秘密文本框被软键盘阻挡，非常影响用户使用，如是，威哥想用户在完成用户名输入之后，手指点击空白处，自动消失软键盘，方便用户手指直接

ゞ浴缸里的玫瑰/ 2022年04月18日 05:41/ 0 赞/ 275 阅读

相关 bootstrap模态框，使点击空白地方模态框不消失

正常情况下  <div class="modal fade" id="myModal" tabindex="-1" role="d

末蓝、/ 2022年03月16日 08:36/ 2 赞/ 807 阅读

相关 bootstrap 模态框禁用点击空白处消失和禁用按ESC消失

方法一： JS控制的方式 $('myModal').modal({ backdrop: 'static', //禁用点击空白处消失 keyboard

绝地灬酷狼/ 2021年12月09日 05:47/ 0 赞/ 386 阅读

相关 bootstrap 点击窗口空白不消失（modal）

<div class="modal fade bs-example-modal-sm2" tabindex="-1" role="dialog" aria-hi

迷南。/ 2021年10月08日 07:06/ 0 赞/ 410 阅读

相关 bootstrap modal弹窗点击窗口中的按钮不消失

\[html\] [view plain][] [copy][view plain] 1. <div class="modal fade bs-example-moda

男娘i/ 2021年10月08日 07:02/ 0 赞/ 341 阅读