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事件时不关闭。