原文:bootstrap源碼學習與示例:bootstrap-typeahead

bootstrap typeahead這個名字起得很坑爹,其實就是其他UI庫的自動完成。它只要引入JS就能用了。要求目標文本域至少有兩個屬性, data provide typeahead 與data source就行了。data source是一個經過unescapeHTML的字符串數組。不過還是建議用JS初始化后,然后動態更新source屬性。 名稱 類型 默認 描述 source 數組 用於 ...

2012-12-25 16:11 1 4862 推薦指數:

查看詳情

bootstrap源碼學習示例bootstrap-tooltip

tooltip是bootstrap第二復雜的組件,近三百行。配置項比較多。並且需要手動初始化。另一個特點是沒有自定義事件。 名稱 類型 默認 描述 animation 布爾值 true ...

Tue Dec 25 00:28:00 CST 2012 1 6217
bootstrap源碼學習示例bootstrap-affix

bootstrap在2.1新增的組件,直譯過來就是固定。其實這組件很簡單,就是通過添加或移除affix這個類名實現屏幕固定或不固定。當頁面加載完畢時,JS插件會搜索頁面上所有[data-spy="affix"]的元素,然后找其data-offset-top或data-offset-bottom屬性 ...

Tue Dec 25 07:18:00 CST 2012 4 8314
bootstrap源碼學習示例bootstrap-tab

切換卡或叫標簽頁組件。它與scrollspy組件一樣,分為兩部分,觸發區與面板區。觸發區用於綁定點擊事件,切換對應的面板。 切換區為一個UL列表,要求UL帶"nav nav-tabs"或"nav n ...

Sun Dec 23 00:25:00 CST 2012 4 22931
bootstrap源碼學習示例bootstrap-transition

雖然是基於不純的目的來學習它,但想必也對大家有所幫助。 bootstrap雖然掛着twitter的名字,但實質上只是twitter的兩個員工自己的項目。 bootstrap不是單純一個項目,它的許多部件,包括CSS部分,JS部分,還是最原始的less部分要依賴其他項目才能運作。不過CSS已經有 ...

Thu Dec 20 21:43:00 CST 2012 4 7364
bootstrap源碼學習示例bootstrap-button

今天開始說非常簡單的bootstrap-button組件。 button設計得非常smart,只有一個調用接口,你可以在$().button(str)中傳入不同的字符串,來切換它的文本,其中有三個是框架占用的——toggle, reset, loading。 button的文本切換 ...

Fri Dec 21 00:06:00 CST 2012 1 6842
bootstrap源碼學習示例bootstrap-scrollspy

bootstrap-scrollspy(滾動偵測)是一個很有趣的組件,它會將某一個存在滾動條的區域中一些元素的ID值收集起來,然后在它們靠近滾動區頂部時高亮這些ID值代表的A元素。 它也明顯的缺陷,對格式限得太死。它由兩部分組成。一部分是滾動區,滾動區有個data-target用於指向包含菜單 ...

Sat Dec 22 00:04:00 CST 2012 2 10595
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM