-
事件設(shè)置: 模態(tài)彈出窗還支持四種類型的事件,分別是模態(tài)彈出窗的彈出前、彈出后,關(guān)閉前、關(guān)閉后,查看全部
-
使用 panel 的 panel-title 做為觸元素,使用panel-body的父元素作為折疊區(qū); ? 使用一個 panel-group 來包含多個 panel,從而實(shí)現(xiàn)手風(fēng)琴效果; ? 每個 panel 里的觸發(fā)元素都要指定data-parent屬性; ? data-parent 屬性的值對應(yīng) panel-group樣式元素的ID或者其他樣式標(biāo)識符; ? 觸發(fā)元素需要指定 data-toggle,并且值為 collapse; ? 觸發(fā)元素都要指定 data-target屬性; ? data-target屬性的值對應(yīng) panel-body 的父元素的ID或者其他樣式標(biāo)識符。查看全部
-
把“手風(fēng)琴”看作是面板的集合組:div class="panel-group"查看全部
-
提示框還有其他的自定義屬性,每個自定義屬性都具自身存在的意義,如下表所示:查看全部
-
提示框(tooltiip)效果也是Web常見的一種效果查看全部
-
? 使用 panel 的 panel-title 做為觸元素,使用panel-body的父元素作為折疊區(qū); ? 使用一個 panel-group 來包含多個 panel,從而實(shí)現(xiàn)手風(fēng)琴效果; ? 每個 panel 里的觸發(fā)元素都要指定data-parent屬性; ? data-parent 屬性的值對應(yīng) panel-group樣式元素的ID或者其他樣式標(biāo)識符; ? 觸發(fā)元素需要指定 data-toggle,并且值為 collapse; ? 觸發(fā)元素都要指定 data-target屬性; ? data-target屬性的值對應(yīng) panel-body 的父元素的ID或者其他樣式標(biāo)識符。查看全部
-
定義data-parent屬性,實(shí)現(xiàn)點(diǎn)擊一個其中一個元素時,關(guān)閉所有的折疊區(qū),再打開所單擊的區(qū)域(如果所單擊區(qū)域是展示的,則會關(guān)閉)。查看全部
-
如果導(dǎo)航里有下拉菜單,并且滾動區(qū)域的內(nèi)容到達(dá)下拉菜單子項(xiàng)所對應(yīng)的區(qū)域,除了菜單高亮以外,子菜單的父元素dropdown也會高亮查看全部
-
為監(jiān)控對象設(shè)置被監(jiān)控的data屬性:data-spy="scroll",指定監(jiān)控的導(dǎo)航條:data-target="#navbar-menu"。同時定義監(jiān)控過程中滾動條偏移位置data-offset="60"。代碼如下: <div class="scrollspy" data-spy="scroll" data-target="#navbar-menu" data-offset="60"> … </div>查看全部
-
使用jQuery的one方法: $(".dropdown-toggle").one("click",function(){ $(this).dropdown("toggle"); })查看全部
-
被點(diǎn)擊的菜單項(xiàng)鏈接或按鈕需要添加自定義屬性 data-toggle="dropdown"查看全部
-
事件設(shè)置: 模態(tài)彈出窗還支持四種類型的事件,分別是模態(tài)彈出窗的彈出前、彈出后,關(guān)閉前、關(guān)閉后,具體描述如下: 事件類型 描述 show.bs.modal 在show方法調(diào)用時立即觸發(fā)(尚未顯示之前);如果單擊了一個元素,那么該元素將作為事件的relatedTarget屬性 shown.bs.modal 該事件在模態(tài)彈出窗完全顯示給用戶之后(并且等CSS動畫完成之后)觸發(fā);如果單擊了一個元素,那么該元素將作為事件的relatedTarget事件 hide.bs.modal 在hide方法調(diào)用時(但還未關(guān)閉隱藏)立即觸發(fā) hidden.bs.modal 該事件在模態(tài)彈出窗完全隱藏之后(并且CSS動畫漂完成之后)觸發(fā) 調(diào)用方法也非常簡單: $('#myModal').on('hidden.bs.modal', function (e) { // 處理代碼... })查看全部
-
為模態(tài)彈出框增加過度動畫效果: 可通過給“.modal”增加類名“fade”為模態(tài)彈出框增加一個過渡動畫效果。查看全部
-
方法一:模態(tài)彈出窗聲明,只需要自定義兩個必要的屬性:data-toggle和data-target(bootstrap中聲明式觸發(fā)方法一般依賴于這些自定義的data-xxx 屬性。比如data-toggle="" 或者 data-dismiss="")。 說明:data-toggle的內(nèi)容必須為modal;data-target="id名"代表使用本方法的標(biāo)簽 觸發(fā)模態(tài)彈出窗也可以是一個鏈接<a>元素,那么可以使用鏈接元素自帶的href屬性替代data-target屬性查看全部
-
關(guān)于模態(tài)彈出窗口,Bootstrap框架還為模態(tài)彈出窗提供了不同尺寸,一個是大尺寸樣式“modal-lg”,另一個是小尺寸樣式“modal-sm”,將這兩個類名加到“modal-dialog”中查看全部
舉報
0/150
提交
取消