-
mark:data-toggle="buttons"查看全部
-
警告框--JavaScript觸發(fā)警告框 除了通過自定義data-dismiss="alert"屬性來觸發(fā)警告框關閉之外，還可以通過JavaScript方法。只需要在關閉按鈕上綁定一個事件。如下所示： html代碼: <div class="alert alert-warning" role="alert" id="myAlert"> <h4>謹防被騙</h4> <p>請確認您轉(zhuǎn)賬的信息是你的親朋好友，不要輕意相信不認識的人...</p> <button type="button" class="btn btn-danger" id="close">關閉</button> </div> 通過下面的JavaScript代碼來觸發(fā)： $(function(){ $("#close").on("click",function(){ $(this).alert("close"); }); });查看全部
-
mark查看全部
-
彈出框--觸發(fā)彈出框的方法 Bootstrap框架中觸發(fā)彈出框和提示框一樣不能直接通過HTML的自定義data屬性來觸發(fā)。需要依賴于JavaScript腳本。 最簡單的觸發(fā)方式如下： html代碼： <button type="button" class="btn btn-default" data-toggle="popover" data-placement="left" title="提示框居左" data-content="我是彈出框的內(nèi)容"> 猛擊我吧 </button> js代碼： $(function(){ $('[data-toggle="popover"]').popover(); }); 注意：上面這種方法注意要使用 data- 設置彈出框的屬性。 使用JS設置參數(shù)： html代碼： <button type="button" class="btn btn-default" id="myPopover"> 猛擊我吧 </button> 除此之外，也可以單獨指定一個元素，在該元素上調(diào)用提示框，并且可能通過JavaScript的各種參數(shù)來實現(xiàn)，無需定義一些data屬性，如： $(function(){ $('#myPopover').popover({ title:"我是彈出框的標題", content:"我是彈出框的內(nèi)容", placement:"top" }); }); 調(diào)用popover的時候，options的參數(shù)與聲明式選擇里以data-開頭的自定義屬性一樣。都可以在options里設置，以便制作出各式各樣的效果。查看全部
-
彈出框(Popover)僅從外表上看，和前面介紹的提示框（Tooltip）長得差不多. 不同的是：彈出框除了有標題 title 以外還增加了內(nèi)容 content 部分。這個在提示框中是沒有的。而對于兩者有何區(qū)別呢？稍后我們會介紹，先來了解如何制作Bootstrap框架中的彈出框。查看全部
-
mark查看全部
-
mark查看全部
-
Bootstrap框架中的提示框的觸發(fā)方式和前面介紹的插件略有不同。不能直接通過自定義的屬性 data- 來觸發(fā)。必須得依賴于JavaScript的代碼觸發(fā)。 最簡單的觸發(fā)方式如下： $(function(){ $('[data-toggle="tooltip"]').tooltip(); }); 除此之外，也可以單獨指定一個元素，在該元素上調(diào)用提示框，并且可能通過JavaScript的各種參數(shù)來實現(xiàn)，無需定義一些 data 屬性，如： $(function(){ $('#myTooltip').tooltip({ title:"我是一個提示框，我在頂部出現(xiàn)", placement:'top' }); });查看全部
-
ok查看全部
-
除了在HTML設置 data-toggle 來觸發(fā)選項卡之外，還可以通過JavaScript直接調(diào)用。 調(diào)用方法: 在每個鏈接的單擊事件中調(diào)用tab("show")方法，顯示對應的標簽面板內(nèi)容。針對上面的示例，刪除HTML中自定義的 data-toggle="tab" 或 data-toggle="pill" 的屬性，然后通過下面的腳本來調(diào)用： $(function(){ $("#myTab a").click(function(e){ e.preventDefault(); $(this).tab("show"); }); })查看全部
-
在Bootstrap除了可以讓 nav-tabs 具有選項卡的切換功能之外，還可以對膠囊式 nav-pills 導航也具有選項卡的功能。我們只需要將 nav-tabs 換成 nav-pills，另外關鍵一點是將 data-toggle="tab"換成data-toggle="pill"。查看全部
-
<div class="tab-pane fade in active" id="fun">娛樂內(nèi)容面板</div>查看全部
-
同樣的，選項卡也定義data屬性來觸發(fā)切換效果。當然前提你也要先加載bootstrap.js或者是tab.js。聲明式觸發(fā)選項卡需要滿足以下幾點要求： 1、選項卡導航鏈接中要設置 data-toggle="tab" 2、并且設置 data-target="對應內(nèi)容面板的選擇符(一般是ID)"; 如果是鏈接的話，還可以通過 href="對應內(nèi)容面板的選擇符(一般是ID)" 主要起的作用是用戶點擊的時候能找到該選擇符所對應的面板內(nèi)容 tab-pane。 3、面板內(nèi)容統(tǒng)一放在 tab-content 容器中，而且每個內(nèi)容面板 tab-pane 都需要設置一個獨立的選擇符（最好是ID）與選項卡中的 data-target 或 href 的值匹配。查看全部
-
用js方法顯示下拉菜單也不能將屬性data-toggle="dropdown"去掉 在js中可以直接使用.dropdown（）；方法，這個方法中也可以有參數(shù)“toggle”，來判斷目前的狀態(tài)是下拉還是隱藏，但是想用這個參數(shù)就不能直接用dropdown（）方法 要用one $(function(){ $(".classname").one("click",function(){ $(this).dropdown("toggle"); }) })查看全部
-
下拉菜單用屬性 data-toggle="dropdown" 如果是連接元素，就加一個屬性data-target="#"來代替href里點擊跳轉(zhuǎn)到頁面頂端查看全部
舉報
0/150
提交
取消