(代码太多请查看原文)
加班,加班加班,我爱加班··· 我已经疯了,哦也。
这次发一个刚接触boot的时候用boot做的表单验证,我们扩展一下tooltip的插件,让他可以换颜色。
其实挺简单的,主要是考究代码阅读的能力。
boot的代码写的很简单,能省略“;”的地方就省略掉了,而且他的闭包也很有意思
-
+function($){
-
}(jQuery);
这种写法等同于
-
(function($){
-
})(jQuery);
少些一个符号,比较节俭。
他的对外接口写的就比较正常了:
。。。。
return就好像一个构造函数,.each 让方法对到每个dom上而不是dom数组。这里new一个Tooltip方法,所有的操作多在这个Tooltip中,应用prototype,把方法细分到细分,尽量原子化方法,做一个面向对象的js方法。
大体的架构就是这个样子的了。我们需要做的就是加一个参数,然后再应用到这个参数。
首先我们先给它的默认参数里面加一个:
。。。。
然后在我们调取它的方法时候,也同样加进去这个属性:
。。。。
一起:
。。。。
这个方法在tooltip的init方法里会被调用 :
。。。。
它内部对内容和箭头有特定的命名:$tip 和 $arrow;找了半天,觉得在插入内容的时候,我们来改颜色最好,所以有了下面的代码:
。。。。
这样tooltip的扩展就做好啦。
之后我们就可以用他来做一个简单的表单验证啦。
效果见代码演示。
(代码太多请查看原文)