modal模态弹出框直接让其显示,关不掉模态弹出框

来源:1-4 模态弹出框--结构分析

陈小晓

2016-08-24 09:34

<div class="modal show">

直接让其显示,为什么按关闭和X,关不掉模态弹出框

写回答 关注

3回答

  • qq_小飞飞_0
    2017-02-23 10:47:42

    用js来做:

    $("#模态框id").modal("show");  //显示模态框

    $("#模态框id").modal("hide");  //隐藏模态框

  • 飞过那座山
    2016-09-17 11:26:43

    关不掉是因为权限太低了

    .show {
        display: block !important;
    }

    你一开始给类为“.modal”的元素赋上权限最高的block

    当你点击close时,它只是在行内样式设置为 none;然而权限太低了,除非你在关闭的时候,也给赋上权限最高的none。

    即 display: none !important;


  • 慕工程4408233
    2016-08-24 09:55:55

    类名show的样式为 .show{display:block !important;} 声明了它的优先级,已经把关闭和X的样式覆盖掉(去掉这个类名就好了)。

    陈小晓

    可是如果我想直接在页面显示modal怎么办

    2016-08-24 10:05:53

    共 1 条回复 >

玩转Bootstrap(JS插件篇)

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128654 学习 · 296 问题

查看课程

相似问题