服务器与运维

当前位置:澳门新莆京娱乐官网 > 服务器与运维 > JQuery最佳实践之精妙的自定义事件_jquery_脚本之家

JQuery最佳实践之精妙的自定义事件_jquery_脚本之家

来源:http://www.drgigabytes.com 作者:澳门新莆京娱乐官网 时间:2019-12-25 16:57

恰好偶最近负责的一个可视化编辑器的开发,其中有些地方便应用了JQuery的自定义事件,而且达到了很好的效果-精简代码的同时充分利用了OO的原则。 本文以我实际应用开发过程中遇到的一个例子进一步说明“什么时候用JQuery的自定义事件以及怎么用”,希望可以抛砖引玉,同时权且当是回复同学们的邮件了。 Demo-Ingenious JQuery custom event JQuery最佳实践-精妙的自定义事件 问题:一个复选框X,你如何便捷地触发它的click事件的处理逻辑,但是又不改变它当前的选中状态? 答案:用自定义事件处理函数封装复选框click事件的处理逻辑!然后触发该自定义事件。 以下应用场景你曾经遇到过么? 需求:某个容器A,用户可以设置它的4条边框的有无以及边框色?“边框的有无”和“颜色的变化”需要联动, 就是说改变边框的时候获取当前设定的颜色,改变颜色的时候获取当前设定的边框,并及时反映到容器A上。 注:本例子边框颜色统一设置,分别设置的例子大家可以去写下~ 核心代码: 复制代码 代码如下:

边框设置: 上 右 下 左

在线演示

本文由澳门新莆京娱乐官网发布于服务器与运维,转载请注明出处:JQuery最佳实践之精妙的自定义事件_jquery_脚本之家

关键词: