先看bootstrap.button.js的结构 HTML结构 这个例子有点问题,因为初始化时,第一个按钮没有绑定事件,所以第一个按钮不可用,不过没关系,读完源码之后,我们尝试将它补全。 像单独一个开关,直接本身就有btn类,像单选按钮,触发 ...
bootstrap button.js插件是一款基于jquery的为html原生的button扩展了一些简单功能的插件,用twitter bootstrap的朋友可能再熟悉不过了,只要向button标签添加一些额外的data属性,我们就能实现点击button出现loading文字以及模拟复选和单选等功能。 下面以bootstrap button.js的源码为实例,谈一下js插件编写的一些基本规范, ...
2013-04-30 02:35 2 2628 推荐指数:
先看bootstrap.button.js的结构 HTML结构 这个例子有点问题,因为初始化时,第一个按钮没有绑定事件,所以第一个按钮不可用,不过没关系,读完源码之后,我们尝试将它补全。 像单独一个开关,直接本身就有btn类,像单选按钮,触发 ...
JavaScript编码规范 Bug----33条 1. 不要使用’==’和’!=’,使用’===’和’!==’替代 等级:Major 原因:==和!=在判断值相等前会判断类型是否相等。这容易因为类型不同而造成错误。比如:它会认为表达式:’\t\r\n’==0是正确 ...
1.嵌入规则 Javascript程序应该尽量放在.js的文件中,需要调用的时候在页面中以<script src="filename.js">的形式包含进来。Javascript代码若不是该页面专用的,则应尽量避免在页面中直接编写Javascript代码。 2.对齐缩进与换行 ...
,而原料就是你要传的参数 为什么要把js功能封装成插件呢?我觉得有以下几点吧 1、便于代码复用 ...
js插件---Bootstrap 树控件 一、总结 一句话总结:可以直接用gojs,或者搜索js,jquery的树控件,或者bootstrap树控件,一大堆 gojs 二、JS组件系列——Bootstrap 树控件使用经验分享 前言:很多时候我们在项目中需要用到树,有些 ...
先从bootstrap.modal.js的结构看起。 其HTML结构 我们开始过一遍插件源码:从初始化开始 根据HTML提供的结构,$target为a标签所指向的弹出框div的Jquery对象。另外$this.data()存在数据,为{toggle ...
先看bootstrap.dropdown.js的结构 HTML结构 从初始化即时函数开始 这里需要注意事件的冒泡,一般我们点击页面上的一个按钮(或者一个可见的标签时)时,现在你点击的这个标签上先触发事件,如果你这个标签上有事件的话,触发完之后,它会 ...
先看bootstrap-tab.js的结构 HTML结构 先从初始化开始 让body监听a标签的click事件,并且阻止其冒泡,调用了jQuery的原型方法tab。 这个结构跟之前的几个插件差不多,不过最后它是执行了show方法 ...