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