亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

玩轉Bootstrap(JS插件篇)

  • boostrop
    查看全部
  • li 中藥設置 data-toggle="tab"
    查看全部
  • 查看全部
  • 其實關閉按鈕,不一定非要用X號,也可以是普通的按鈕元素或者鏈接元素,只需要保證關閉元素帶有自定義屬性data-dismiss="alert" 操作關閉按鈕時都是先查找 data-target 屬性,再查找 href 屬性,如果關閉按鈕都沒有定義這兩個屬性,就會操作其父元素。也就是說,關閉按鈕不在 div.alert 容器內時,只要給關閉元素定義了data-target屬性(如果是鏈接元素還可以通過href屬性),而且屬性值與div.alert容器的id一致,關閉元素放在容器外也可以關閉警告框。
    查看全部
  • data-parent需要所有子panel都有才有效果
    查看全部
  • 監控對象是包含詳細內容的div,不是導航條 data-target指向對應的導航條 需要注意要設置position:relative;才可以看到效果
    查看全部
  • remote的請求頁面不知為何無法顯示 backdrop:'static'----要加引號
    查看全部
  • 提示框--其他的自定義屬性 除此之外,提示框還有其他的自定義屬性,每個自定義屬性都具自身存在的意義,如下表所示:
    查看全部
  • 提示框--JS觸發提示框方法 Bootstrap框架中的提示框的觸發方式和前面介紹的插件略有不同。不能直接通過自定義的屬性 data- 來觸發。必須得依賴于JavaScript的代碼觸發。 最簡單的觸發方式如下: $(function(){ $('[data-toggle="tooltip"]').tooltip(); }); 除此之外,也可以單獨指定一個元素,在該元素上調用提示框,并且可能通過JavaScript的各種參數來實現,無需定義一些 data 屬性,如: $(function(){ $('#myTooltip').tooltip({ title:"我是一個提示框,我在頂部出現", placement:'top' }); });
    查看全部
  • 選項卡--JavaScript觸發方法 除了在HTML設置 data-toggle 來觸發選項卡之外,還可以通過JavaScript直接調用。 調用方法: 在每個鏈接的單擊事件中調用tab("show")方法,顯示對應的標簽面板內容。針對上面的示例,刪除HTML中自定義的 data-toggle="tab" 或 data-toggle="pill" 的屬性,然后通過下面的腳本來調用: $(function(){ $("#myTab a").click(function(e){ e.preventDefault(); $(this).tab("show"); }); })
    查看全部
  • 選項卡--膠囊式選項卡(nav-pills) 在Bootstrap除了可以讓 nav-tabs 具有選項卡的切換功能之外,還可以對膠囊式 nav-pills 導航也具有選項卡的功能。我們只需要將 nav-tabs 換成 nav-pills,另外關鍵一點是將 data-toggle="tab"換成data-toggle="pill"。
    查看全部
  • 選項卡--為選擇卡添加fade樣式 為了讓面板的隱藏與顯示在切換的過程效果更流暢,可以在面板中添加類名 fade,讓其產生漸入的效果。 在添加 fade 樣式時,最初的默認顯示的內容面板一定要記得加上 in 類名,不然其內容用戶無法看到。如下面的示例所示。
    查看全部
  • 1、選項卡導航鏈接中要設置 data-toggle="tab" 2、并且設置 data-target="對應內容面板的選擇符(一般是ID)"; 如果是鏈接的話,還可以通過 href="對應內容面板的選擇符(一般是ID)" 主要起的作用是用戶點擊的時候能找到該選擇符所對應的面板內容 tab-pane。 3、面板內容統一放在 tab-content 容器中,而且每個內容面板 tab-pane 都需要設置一個獨立的選擇符(最好是ID)與選項卡中的 data-target 或 href 的值匹配。
    查看全部
  • 滾動監控器--在body中加監控
    查看全部
  • 滾動監控器--滾動監控器的設計
    查看全部

舉報

0/150
提交
取消
課程須知
本課程適合具有一定前端基礎的人員,對HTML和CSS有一定的了解,對于定制Bootstrap的同學需要具備LESS和Sass基礎知識。
老師告訴你能學到什么?
1、使用JS自由控制Bootstrap中提供的組件。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!