建设网站目的,企业为什么要并购,网站优化网络推广seo,公关公司[jQuery] jQuery UI怎样自定义组件#xff1f;
又是第一次#xff0c;现在的感受是jQueryUI Widget能让你代码组织得更好,风格更一致。
如何开始使用首先用$.widget()方法开始定义你的组件#xff0c;它只接收三个参数#xff1a;第一个是组件名称#xff0c;第二个是可选…[jQuery] jQuery UI怎样自定义组件
又是第一次现在的感受是jQueryUI Widget能让你代码组织得更好,风格更一致。
如何开始使用首先用$.widget()方法开始定义你的组件它只接收三个参数第一个是组件名称第二个是可选的基类组件默认的基类是$.Widget第三个是组件的原型。组件名称必须包含命名空间要注意的是官方组件的命名空间是以‘ui’开头的比如:‘ui.tabs’。我在下面的用‘我’的拼音(‘wo’)。$.widget(yourNamespace.yourWidgetName,[yourBaseWidget],yourWidgetPrototype)$.Widget基类含有一个重要的属性‘options’它用来定义公有参数组件初始化时外部调用的参数会覆盖内部定义的参数以及三个重要的私有的方法‘_create’、‘_init’、‘’前两个相当于构造函数的作用按顺序执行_create()方法执行之后会触发create事件。 _trigger()方法会将参数中的指定函数标准化为W3C事件并且触发这个自定义事件。
另外还有三个公有方法‘enable’‘disable’‘destroy’分别表示启用、禁用和销毁组件。这里很有意思的是私有方法和公有方法的实现。jQuerUI Widget暴露的方法都是不以‘_’开头的// prevent calls to internal methodsif ( isMethodCall options.charAt( 0 ) _ ) {return returnValue;}实际上jQueryUI Widget还是保留了原始的API比如这样使用var $div $(.demo:first);var api $div.data(divZoom);// console.dir(api);api.zoomIn();// 对比$div.divZoom(zoomIn);一个实现完全私有变量的小技巧(function($) {var privateVar ;$.widget(quot;wo.divZoomquot;,{});
})(jQuery)
个人简介
我是歌谣欢迎和大家一起交流前后端知识。放弃很容易 但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
