bootstrap模態框怎麼關閉事件

爱喝马黛茶的安东尼
發布: 2019-07-13 15:31:21
原創
16870 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板