zoukankan      html  css  js  c++  java
  • 扩展一个boot的插件—tooltip&做一个基于boot的表达验证

    在线演示

    本地下载

    (代码太多请查看原文)

    加班,加班加班,我爱加班··· 我已经疯了,哦也。

    这次发一个刚接触boot的时候用boot做的表单验证,我们扩展一下tooltip的插件,让他可以换颜色。

    其实挺简单的,主要是考究代码阅读的能力。

    boot的代码写的很简单,能省略“;”的地方就省略掉了,而且他的闭包也很有意思

    1. +function($){

    2. }(jQuery);

    这种写法等同于

    1. (function($){

    2. })(jQuery);

    少些一个符号,比较节俭。

    他的对外接口写的就比较正常了:

    。。。。

    return就好像一个构造函数,.each 让方法对到每个dom上而不是dom数组。这里new一个Tooltip方法,所有的操作多在这个Tooltip中,应用prototype,把方法细分到细分,尽量原子化方法,做一个面向对象的js方法。

    大体的架构就是这个样子的了。我们需要做的就是加一个参数,然后再应用到这个参数。

    首先我们先给它的默认参数里面加一个:

    。。。。

    然后在我们调取它的方法时候,也同样加进去这个属性:

    。。。。

    一起:

    。。。。

    这个方法在tooltip的init方法里会被调用 :

    。。。。

    它内部对内容和箭头有特定的命名:$tip 和 $arrow;找了半天,觉得在插入内容的时候,我们来改颜色最好,所以有了下面的代码:

    。。。。

    这样tooltip的扩展就做好啦。

    之后我们就可以用他来做一个简单的表单验证啦。

    效果见代码演示。

    (代码太多请查看原文)

    阅读全文:扩展一个boot的插件—tooltip&做一个基于boot的表达验证

  • 相关阅读:
    别折腾自己
    在线工具集合
    搜索新技能
    saml login的流程
    给学网 好网站
    drush .. drupal console
    地铁健身操
    js扩展符号
    for in | for in 比较 解释 | 以后找知识点先从这里面搜索
    grep 查找字符串 在文件或者文件夹中
  • 原文地址:https://www.cnblogs.com/gbin1/p/4057336.html
Copyright © 2011-2022 走看看