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" id="payResult" data-backdrop="static" data-keyboard="false">

　　

(2)jq:

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

　　

 

 

說明:

backdrop："static"  指的是點擊背景空白處不被關閉；
keyboard:false   指的是觸發鍵盤esc事件時不關閉。