首頁 web前端 Bootstrap教程 bootstrap模態框怎麼關閉事件

bootstrap模態框怎麼關閉事件

Jul 13, 2019 pm 03:16 PM
bootstrap 模態框

bootstrap模態框怎麼關閉事件

模態框避免點擊背景關閉:

1、div初始化時新增屬性aria-hidden=”true” data-backdrop=”static”

<div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden=&#39;true&#39; 
data-backdrop=&#39;static&#39;>
登入後複製

2、在需要顯示模態框,初始化時 

$(‘#myModal&#39;).modal({
backdrop: ‘static&#39;,
//点击背景空白处不被关闭;
keyboard: false
//触发键盘esc事件时不关闭。
});
登入後複製

相關推薦:《bootstrap入門教程

自訂模態框顯示和關閉觸發事件:

$(".classname").click(function () {
  $(&#39;#mymodel&#39;).modal(&#39;show&#39;);
   alert(&#39;模态框打开了&#39;);
 });
 
$(&#39;#mymodel&#39;).on(&#39;hide.bs.modal&#39;, function () {
  alert(&#39;模态框关闭了&#39;);
});
登入後複製

bootstrap模態框怎麼關閉事件

以上是bootstrap模態框怎麼關閉事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

bootstrap怎麼引進Eclipse bootstrap怎麼引進Eclipse Apr 05, 2024 am 02:30 AM

bootstrap怎麼引進Eclipse

bootstrap怎麼引入idea bootstrap怎麼引入idea Apr 05, 2024 am 02:33 AM

bootstrap怎麼引入idea

bootstrap中介效應檢定結果怎麼看stata bootstrap中介效應檢定結果怎麼看stata Apr 05, 2024 am 01:48 AM

bootstrap中介效應檢定結果怎麼看stata

大模型一對一戰鬥75萬輪,GPT-4奪冠,Llama 3位列第五 大模型一對一戰鬥75萬輪,GPT-4奪冠,Llama 3位列第五 Apr 23, 2024 pm 03:28 PM

大模型一對一戰鬥75萬輪,GPT-4奪冠,Llama 3位列第五

bootstrap中介檢定結果怎麼看 bootstrap中介檢定結果怎麼看 Apr 05, 2024 am 03:30 AM

bootstrap中介檢定結果怎麼看

bootstrap和springboot有什麼差別 bootstrap和springboot有什麼差別 Apr 05, 2024 am 04:00 AM

bootstrap和springboot有什麼差別

怎麼用bootstrap檢定中介效應 怎麼用bootstrap檢定中介效應 Apr 05, 2024 am 03:57 AM

怎麼用bootstrap檢定中介效應

bootstrap檢定中介效應stata指令結果怎麼導出來 bootstrap檢定中介效應stata指令結果怎麼導出來 Apr 05, 2024 am 03:39 AM

bootstrap檢定中介效應stata指令結果怎麼導出來

See all articles