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

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" >

　　

(2)jq:

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

　　

 

 

说明:

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