bootstrap插件學習-bootstrap.scrollspy.js
先看bootstrap.dropdown.js的結構 HTML結構 我們從初始化開始 根據HTML結構，這個很簡單，獲取body對象，並執行jQuery原型上的方法scrollspy，其中$spy.data()中的值，前幾次的源碼分析，這個值已經 ...
原文：bootstrap插件學習-bootstrap.button.js
先看bootstrap.button.js的結構 HTML結構 這個例子有點問題，因為初始化時，第一個按鈕沒有綁定事件，所以第一個按鈕不可用，不過沒關系，讀完源碼之后，我們嘗試將它補全。 像單獨一個開關，直接本身就有btn類，像單選按鈕，觸發的是div里面的button，尋找最近的擁有.btn類的對象，就是自己。進入jQuery原型的button方法中。 初始化，傳入參數為toggle，默認執行原 ...
2013-08-25 12:50 0 3264 推薦指數：
相關推薦
bootstrap插件學習-bootstrap.popover.js
先看bootstrap.popover.js的結構 個人感覺bootstrap.popover.js是bootstrap.tooltip.js的放大版。。源碼處很多相似的地方，並且bootstrap.popover.js依賴與bootstrap.tooltip.js插件 ...
bootstrap插件學習-bootstrap.collapse.js
先看bootstrap.collapse.js的結構 HTML結構 我們先從初始化開始 body監聽了所有擁有data-toggle='collapse'屬性的標簽，為它們綁定了click事件，在HTML中由於標簽上都沒有data-target ...
bootstrap插件學習-bootstrap.typehead.js
先看bootstrap.typehead.js的結構 HTML結構 先從初始化開始 為所有擁有data-provide='typehead'屬性的標簽綁定focus事件，並且阻止事件冒泡，進入jQuery的原型方法中 ...
bootstrap插件學習-bootstrap.modal.js
先從bootstrap.modal.js的結構看起。 其HTML結構 我們開始過一遍插件源碼：從初始化開始 根據HTML提供的結構，$target為a標簽所指向的彈出框div的Jquery對象。另外$this.data()存在數據，為{toggle ...
bootstrap插件學習-bootstrap.dropdown.js
先看bootstrap.dropdown.js的結構 HTML結構 從初始化即時函數開始 這里需要注意事件的冒泡，一般我們點擊頁面上的一個按鈕(或者一個可見的標簽時)時，現在你點擊的這個標簽上先觸發事件，如果你這個標簽上有事件的話，觸發完之后，它會 ...
bootstrap插件學習-bootstrap.tab.js
先看bootstrap-tab.js的結構 HTML結構 先從初始化開始 讓body監聽a標簽的click事件，並且阻止其冒泡，調用了jQuery的原型方法tab。 這個結構跟之前的幾個插件差不多，不過最后它是執行了show方法 ...
bootstrap插件學習-bootstrap.tooltip.js
先看bootstrap-tooltip.js的結構 因為tooltip插件的使用比較多，調用者比較雜，源碼中沒有給出初始化的步驟，在看源碼的過程中，我們手動添加初始化。 在script標簽部分加入以上代碼，我們可以鼠標移入'卡梅隆'時顯示提示框 ...