[jQuery] jQuery UI怎样自定义组件?

[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("wo.divZoom",{});
})(jQuery)

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/411730.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在VS中进行对项目进行编译出现不能编译的问题

在用VS工具开发的ASP.NET应用程序时,有时会出现C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\Temporary ASP.NET Files这个文件夹的CSC.exe编译应用程序已存在还是什么,该应用程序就是编译不过去一直报这个错误。 解决办法: 1、先把“任务…

计算机辅助制造期末试题答案,精编国家开放大学电大本科《机械CAD-CAM》2025期末试题及答案(试卷号:1119)...

版权声明:以上文章中所选用的图片及文字来源于网络以及用户投稿,由于未联系到知识产权人或未发现有关知识产权的登记,如有知识产权人并不愿意我们使用,如果有侵权请立即联系:55525090qq.com,我们立即下架或…

矢量合成和分解的法则_力的合成与分解

1力的合成一、合力与分力当一个物体受到几个力的共同作用时,我们常常可以求出这样一个力,这个力产生的效果跟原来几个力的共同效果相同,这个力就叫做那几个力的合力,原来的几个力叫做分力.二、合力与分力的关系1.合力与…

[导入]相片: 53787515.jpg

文章来源:http://img.blog.163.com/photo/5VZ9bIclg8NWuT90ExHHmQ/1697575584542151534.jpg转载于:https://www.cnblogs.com/baiyirui/archive/2008/04/27/1173122.html

超导量子计算机速度多快,我国量子计算机实现量子霸权,计算速度比谷歌快了100亿倍...

12月4日,中国科学技术大学宣布,我国新构建的76个光子的量子计算机实现了量子霸权。在5000万个样本的高斯玻色取样实验中,“九章”量子计算机仅用了200秒就完成了,如果使用世界第三的超级计算机进行实验,它也要将近20亿…

初一辍学学php能行吗_《夺冠》破7亿,辍学的农村姑娘成排球女王,朱婷:百炼才能成钢...

分享职场故事,交流职场经验,欢迎关注“闫湘”。《夺冠》累计票房7亿,让大家再一次领略了女排精神,而“2019-2020年中国运动员传播影响力榜第1名,朱婷!”朱婷这个名字又一次响彻全中国。与今天的风光不同&am…

关于eclipse项目的x号报错的一些问题

有些时候项目中并未有什么问题 但项目前会有一个X号报错且无法运行项目 我们不妨从jre和Tomcat的一些配置中找原因 1,首先查看jre的安装是否正确,可以看见并未出错 ,如果有问题,重新导入一下即可 2,打开项目的Java bui…

提高计算机水平的小技巧,五大电脑小技巧

而随着生活水平的提高,家家现在都有一台电脑,使用电脑的技巧也是五花八门。以下是YJBYS小编搜索整理的关于五大实用的电脑小技巧,供参考阅读,希望对大家有所帮助!想了解更多相关信息请持续关注我们应届毕业生培训网!方法一&#x…

iWindowsMobile Launches Updated ZoomBoard

今天发现一个好东西,发上来和大家分享!它来自iwindowsmobile.com(模拟iphone嫌疑),因为在这里我发现了很多Windows Mobile用户梦寐以求的软件,我想应该叫这个站点为iheartwindowsmobile.com更为贴切,不管它叫什么&…

idea和搜狗输入法快捷键冲突_ubuntu18.04安装搜狗输入法

1. 必要时可获取root权限ubuntu在我们安装时并不是root权限,而是我们自己建立的用户,虽然可以使用sudo 命令,但是有时候还是不方便,毕竟root就是一切.输入 su即可切换root卸载ibusubuntu默认使用ibus管理输入法,官方推荐使用fcitx.我们先卸载ibussudo apt-getremove ibus清除ib…

[NodeJs] npm提供了哪些钩子?各有什么作用?

[NodeJs] npm提供了哪些钩子?各有什么作用? npm 拥有以下的钩子命令:对于任何在 package.json 的 scripts 字段中定义的命令,可以通过 pre 以及 post 名称前缀,额外定义该任务在执行前、后的额外执行的钩子命令。例如…

关于css 的AST 语法树的理解

css 处理插件大致分为压缩css和给css添加浏览器兼容前缀。 cssmin 可以压缩css,大致原理是将使用正则将css 中的注释和空格删除。 px2rem 插件是将css 中的px 转换为 rem,它的原理是 调用了css 的AST对象 ,css插件将css内容解析成 一个javasc…

linux rpm 删除

linux rpm 删除命令格式:rpm -e ( or --erase) options pkg1 ... pkgN参数pkg1 ... pkgN :要删除的软件包详细选项--test 只执行删除的测试--noscripts 不运行预安装和后安装脚本程序--nodeps 不检查依赖性 转载于:https://www.cnblogs.com/wllyy189/arc…

同方专转本计算机视频,同方2011专转本计算机

同方2011专转本计算机 (3页)本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦!9.9 积分namespace W_{ public partial class Form1 : Form { bool isDotpressed false; decimal dOpDaTa1, dOpDaTa2, dre…

wps流程图怎么不能添加文字_windows不能访问共享文件夹,不能添加共享打印机时,怎么解决呢...

遇到文件夹共享不能访问或者打印机共享添加不了的问题,可以按照下面的方法来操作了。适用于windows7windows8、windows10操作系统。在同一个局域网中,你通过192.168.1.1200或网上邻居不能访问对方主机共享文件夹时,按下面的方法操作&#xff…

周末

每到周末的时候,我就感到压抑,无处可去,无事可做,我为什么那么在乎别人的看法呢?从不主动和人交流,话少的可怜,我一周说的话手指都能数出来,总是感到尴尬,不说话还常常苦闷别人不理…

[html] From表单提交时为什么会刷新页面?怎么预防刷新?

[html] From表单提交时为什么会刷新页面?怎么预防刷新? 因为早期网页交互模型只能是浏览器提交数据给服务器,服务器做出响应重新返回一个页面,浏览器加载这个页面进行显示。早期前端没有编程式发送网络请求的 API,更没…

ASP.NET中下载文件的几种方法

2008年5月27日17:44:07//TransmitFile实现下载 protected void Button1_Click(object sender, EventArgs e) { /* 微软为Response对象提供了一个新的方法TransmitFile来解决使用Response.BinaryWrite 下载超过400mb的文件时导致Aspnet_wp.e…

cad中线段求和lisp_cad中连续线段变更圆滑弧形

下面我们就来看看如何在CAD中怎么把JPG图片插入页面中,并把图片中的图形做出线描的效果呢?这里我们用到CAD编辑工具来对此项功能以演示。方法/步骤首先我们要在电脑中安装CAD编辑工具来实现此操作。打开CAD软件。在菜单栏里找到插入命令,并在…

CF1142C U2(计算几何,凸包)

题目大意:平面上有 $n$ 个点,第 $i$ 个点是 $(x_i,y_i)$。问有多少条抛物线(二次项系数为 $1$),经过这些点中不同的两个点,并且内部(不含边界)没有任何这些点。重合的抛物线只算一次…