Bootstrap 學習之js插件（模態框（Modal）插件）
Bootstrap 模態框（Modal）插件 模態框（Modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來自一個單獨的源的內容，可以在不離開父窗體的情況下有一些互動。子窗體可提供信息、交互等。 （1）提供信息、警告信息、大文本； （2）確認按鈕（多按鈕）； （3）顯示 ...
原文：bootstrap插件學習-bootstrap.modal.js
先從bootstrap.modal.js的結構看起。 其HTML結構 我們開始過一遍插件源碼：從初始化開始 根據HTML提供的結構， target為a標簽所指向的彈出框div的Jquery對象。另外 this.data 存在數據，為 toggle: modal ，這個我在注釋中已經解釋。最后執行 target.modal option ，我們進入jQuery對象的這個方法。 初始化一些參數，在彈出 ...
2013-08-19 17:31 2 13935 推薦指數：
相關推薦
js控制Bootstrap 模態框（Modal）插件
js控制Bootstrap 模態框（Modal）插件 http://www.cnblogs.com/zzjeny/p/5564400.html ...
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標簽部分加入以上代碼，我們可以鼠標移入'卡梅隆'時顯示提示框 ...
bootstrap插件學習-bootstrap.alert.js
我們先看bootstrap.alert.js的結構 HTML結構 alert插件，比較簡單。我們先從初始化開始 body去監聽所有擁有data-dismiss = 'alert'屬性的標簽，並為它們綁定上Alert原型上的close方法，注意 ...
bootstrap插件學習-bootstrap.carousel.js
先看bootstrap.carousel.js的結構 HTML結構 先從初始化開始 根據HTML結構，為擁有data-slide屬性的標簽綁定click事件，如果我們點擊向左按鈕，代碼會獲取該標簽的href，並獲取整個控件的對象。接着讓整個控件調用 ...
bootstrap插件學習-bootstrap.scrollspy.js
先看bootstrap.dropdown.js的結構 HTML結構 我們從初始化開始 根據HTML結構，這個很簡單，獲取body對象，並執行jQuery原型上的方法scrollspy，其中$spy.data()中的值，前幾次的源碼分析，這個值已經 ...