-
Dropdown插件加載時(shí)，對(duì)所有帶 有“data-toggle=dropdown”樣式的元素綁定了事件，用戶單擊帶有“data-toggle=dropdown”樣式的鏈接或按鈕時(shí)， 會(huì)觸發(fā)JavaScript事件代碼。當(dāng)用戶點(diǎn)擊帶有“data-toggle=dropdown”樣式的鏈接或按鈕時(shí)，下拉菜單的父容器（上面的示例是 “<li class="dropdown">”）會(huì)添加一個(gè)open類名，此時(shí)下拉菜單顯示；再次單擊時(shí)，JavaScript會(huì)刪除剛添加的open類 名，此時(shí)下拉菜單將隱藏。查看全部
-
被點(diǎn)擊的菜單項(xiàng)鏈接或按鈕需要添加自定義屬性 data-toggle="dropdown"查看全部
-
和模態(tài)彈出窗一樣，觸發(fā)下拉菜單方式有兩種，一種是屬性聲明式用法，另一種是JavaScript方法。查看全部
-
在Bootstrap框架中還為模態(tài)彈出窗提供了三種參數(shù)設(shè)置，具體說明如下： 參數(shù) 使用方法 描述 toggle $(“#mymodal”).modal(“toggle”) 觸發(fā)時(shí)，反轉(zhuǎn)模態(tài)彈出窗的狀態(tài)。如果模態(tài)彈出窗是顯示的，則關(guān)閉；反之，如果模態(tài)彈出窗是關(guān)閉的，則顯示 show $(“#mymodal”).modal(“show”) 觸發(fā)時(shí)，顯示模態(tài)彈出窗 hide $(“#mymodal”).modal(“hide”) 觸發(fā)時(shí)，關(guān)閉模態(tài)彈出窗查看全部
-
script> $(function(){ $(".btn").click(function(){ $("#mymodal").modal("toggle"); }); $('#mymodal').on('hidden.bs.modal', function(e){ // 處理代碼... alert("hello,windows!"); //關(guān)閉模態(tài)彈出窗時(shí)，彈出警示框 }); }); </script>查看全部
-
$('#myModal').on('hidden.bs.modal', function (e) { // 處理代碼... })查看全部
-
模態(tài)彈出窗還支持四種類型的事件，分別是模態(tài)彈出窗的彈出前、彈出后，關(guān)閉前、關(guān)閉后，具體描述如下： show.bs.modal 在show方法調(diào)用時(shí)立即觸發(fā)（尚未顯示之前）；如果單擊了一個(gè)元素，那么該元素將作為事件的relatedTarget屬性 shown.bs.modal 該事件在模態(tài)彈出窗完全顯示給用戶之后（并且等CSS動(dòng)畫完成之后）觸發(fā)；如果單擊了一個(gè)元素，那么該元素將作為事件的relatedTarget事件 hide.bs.modal 在hide方法調(diào)用時(shí)（但還未關(guān)閉隱藏）立即觸發(fā) hidden.bs.modal 該事件在模態(tài)彈出窗完全隱藏之后（并且CSS動(dòng)畫漂完成之后）觸發(fā)查看全部
-
比如你不想讓用戶按ESC鍵關(guān)閉模態(tài)彈出窗，你就可以這樣做： $(function(){ $(".btn").click(function(){ $("#mymodal").modal({ keyboard:false }); }); });查看全部
-
data-show="ture/false"初始化時(shí)彈出框是否顯示 data-keyboard=“”按ESC鍵是否關(guān)閉彈出框 data-backdrop=""是否單擊背景時(shí)關(guān)閉彈出框查看全部
-
data-backdrop="static" 點(diǎn)擊背景不會(huì)關(guān)閉查看全部
-
可通過給“.modal”增加類名“fade”為模態(tài)彈出框增加一個(gè)過渡動(dòng)畫效果。查看全部
-
data-target可以設(shè)置為CSS的選擇符，也可以設(shè)置為模態(tài)彈出窗的ID值，一般情況設(shè)置為模態(tài)彈出窗的ID值，因?yàn)镮D值是唯一的值。查看全部
-
toggle中文翻譯過來就是觸發(fā)器查看全部
-
bootstrap中聲明式觸發(fā)方法一般依賴于這些自定義的data-xxx 屬性。比如data-toggle="" 或者 data-dismiss=""查看全部
-
<divclass="modal fade bs-example-modal-sm"tabindex="-1"role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> <divclass="modal-dialog modal-sm"> <divclass="modal-content"> ... </div> </div> </div>查看全部
舉報(bào)
0/150
提交
取消