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()中的值，前几次的源码分析，这个值已经 ...