bootstrap模拟框(显示隐藏,点击其他位置不关闭)

时间：2020-06-04 16:40:22 阅读：131 评论：0 收藏：0 [点我收藏+]

1.显示和隐藏分为jq和html标签

(1)jq打开模拟框

$(‘#adminModal‘).modal("show");

(2)jq关闭模拟框

$(‘#adminModal‘).modal(‘hide‘);

(3)HTML打开模拟框

为元素加上

data-toggle="modal" data-target="#adminModal"

(4)HTML关闭模拟框

为元素加上

data-dismiss="modal"

2.设置模拟框以外鼠标单击不关闭

(1)HTML:

在模拟框标签加上:

data-backdrop="static" data-keyboard="false"

如:

<div class="modal fade" id="payResult" data-backdrop="static" data-keyboard="false">

(2)jq:

$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false});

说明:

backdrop："static"  指的是点击背景空白处不被关闭；
keyboard:false   指的是触发键盘esc事件时不关闭。

原文：https://www.cnblogs.com/zzz-knight/p/13042200.html

踩

(0)

评论一句话评论（0）

分享档案

更多>