zoukankan      html  css  js  c++  java
  • $.widget方法

    最近研究了下$.widget("ui.scroll",{})插件,记录下一些心得吧,还有待解决的问题

    $.widget("ui.scroll",{

      div:$('<div></div>'),

      t:{id:'id',name:'name'}

      _init:function(){

        var str=''

       //调用这个插件时就直接执行这个方法 

        },

        up:function(i){

        }

    })

    $.extend($.ui.scroll,{

      defaults:{

         0,

         arr:[]

       }

    })

    在页面中可以多处调用这个插件,调用起来很方便$("#id").scroll({num:5})

    总结下:这里面共有三种参数:

                                         1.str是局部变量,每执行一次函数,就会重新生成一个,函数执行完成后,该变量就会消失,这种适合于每执行一次函数就重新生成一个

                                         2.width是某次调用时从头到尾都可以访问到的,是一次调用的全局变量,下次调用时,就会新生成一个,这种适合于某次调用时各个方法需要用到的参数

                                         3.div是整个页面共用的,不管调用几次该插件,那么该DIV都只会生成一个,大家共用,这种适合于那些常量,不会变的变量,多次调用时都需要的

    需在留意以下地方:

    this.options.num = 5

    this.options.width= 0

    this.element = $("#id")

    $("#id").scroll({num:5})返回值是$("#id")

    1.如果页面中有两到三次调用这个方法,那么this.div和this.t成了大家共用的,并不是每个方法都有一个,而是这两处调用的div和t是一个,别这样的来存变量,如果是一个常值可以这样定义,因为不需要变化的,如果div这个对象要添加到页面中的话,那么告诉你,这个div会添加到最后一个调用该插件的元素里面,前面调用的都不会有这个div,因为他是大家共用的

    2.这个插件计算的一个属性例如width,好多方法都需要操纵这个属性,我想存储起来以便各个方法调用,这样避免在调用方法时传递参数很麻烦,可以在defaults这里加上你需要用到的变量不同的地方调用时this.options.width初始值都是0,如果在方法中使用this.options.arr.push(1),那么第一次调用时,this.options.arr =[],第二次调用变成了this.options.arr =[1],第三次调用:this.options.arr =[1,1]

    3.调用这个插件的某个方法时可以:$("#id").scroll('up',5)

    写这几点主要是为了备忘,方便自己以后查找,然后留下没有解决的问题,加深下印像,以便以后在查资料时碰到相应的解决方案时,更能引出共鸣

  • 相关阅读:
    linux下mysql命令大全
    Linux 随记
    Linux服务器部署系列之八—Sendmail篇
    Linux服务器部署系列之六—远程管理篇
    ubuntu简易教程(如何使用noi linux)
    51nod1254 最大子段和 V2 DP
    [HAOI2007]理想的正方形 st表 || 单调队列
    [LG1886]滑动窗口 单调队列
    [51nod1791] 合法括号子段 DP
    [51nod1503]猪和回文 DP
  • 原文地址:https://www.cnblogs.com/xiaohui108/p/2017328.html
Copyright © 2011-2022 走看看