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标签部分加入以上代码，我们可以鼠标移入'卡梅隆'时显示提示框 ...