`

jQuery的Command模式插件 command.js

 
阅读更多
http://www.oschina.net/p/command-js
基于jQuery的Command模式插件。

该插件将页面元素看成是一个个的对象,通过插件给对象赋予特定的状态,并定义特定的Command。一旦发生关联操作的时候,可以通过通知修改状态或者发布命令的方式进行关联操作。

例如:
$(function(){
        $(".a").commands({
            states : [{
                state : "selected",
                paint : function($elem,state){
                    console.log(state);
                },
                drop : function($elem,state) {
                    console.log("drop:" + state);
                }
            },{
                state : "unselected",
                paint : function($elem,state){
                    console.log(state);
                },
                drop : function($elem,state) {
                    console.log("drop:" + state);
                }
            }],
            commands : [{
                name : "select",
                action : function($elem,state){
                    $elem.state("selected");
                }
            }]
        });
 
        $(".a").state("unselected");
        $(".a").command("select");
        console.log($(".a").currentState());
    });
分享到:
评论

相关推荐

    jquery.hotkeys插件键盘按键监听事件代码

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。`jquery.hotkeys`是jQuery的一个插件,由John Resig开发,它扩展了jQuery的功能,允许开发者监听和处理键盘上的任意...

    jQueryMultipleSelect实现下拉框多选

    在使用jQuery Multiple Select插件时,首先需要在页面中引入jQuery库和插件的JS及CSS文件。然后,你可以通过以下方式初始化插件: ```html <option value="1">Option 1 <option value="2">Option 2 ... $...

    前端项目-jquery.terminal.zip

    jQuery Terminal 是一个专门为此目的设计的插件,它允许开发者在网页上模拟一个功能齐全的命令行终端。 **jQuery Terminal 插件介绍** jQuery Terminal 是基于 jQuery 的开源库,它提供了丰富的命令行功能,包括但...

    支持dw cs5的jquery提示插件

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了网页的交互和动画效果。对于设计和开发人员,特别是那些使用Adobe Dreamweaver CS5(简称Dw CS5)的人来说,jQuery是一个不可或缺的工具。本篇文章...

    jqueryWTP0.40

    最新版jQuery的Eclipse插件,自动提示功能 官方安装步骤: Installations step1:download jqueryWTP_version.jar step2:find you Eclipse Plugin org.eclipse.wst.javascript.ui_xxxxxxx.jar,backup the plugin. ...

    jquery for dreamweaver 8 插件

    jQuery,一款强大的JavaScript库,因其简洁的语法和丰富的功能而备受开发者喜爱。在Web开发领域,它极大地简化了DOM操作、事件处理以及动画效果的创建。对于Dreamweaver 8这样的专业网页设计工具,集成jQuery插件更...

    date-range-picker:用于选择日期范围的 JQuery 插件

    包括所有 javascript 和 CSS 包括 CSS jquery UI CSS jquery-ui.css 日期范围选择器 CSS date-range-picker.css 包括 javascripts jquery.min.js jquery-ui.js 日期范围picker.js 例子: < link rel ="

    jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)

    标题“jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)”和描述“Selectator是一款实现多选和搜索过滤功能的jQuery下拉列表框插件。下文给大家介绍jQuery使用Selectator插件实现多选下拉列表过滤框,...

    jquery.hitokoto.js:一个用于hitokoto的jQuery插件

    jquery.hitokoto.js这是一个显示的jquery plugin窝第一次写jquery plugin……肯定不大对啦……请指出!#用法$.hitokoto(selector,options)selector为需要显示hitokoto的DOM元素。#参数options传入一个对象,可选的...

    sublimeText3插件安装

    3. 输入想要安装的插件名称,例如 `JsFormat`、`SublimeCodeIntel` 或 `jQuery`,然后按 `Enter` 键进行安装。 **步骤3:查看安装状态** 安装完成后,可以在左下角的状态栏看到插件安装成功的提示信息。此外,也...

    sublime插件

    - 描述:支持 jQuery 规范的插件包,提供 jQuery API 的代码提示。 - 功能:代码提示、语法高亮。 - **JSFormat** - 描述:JS 代码格式化插件,可以帮助开发者统一代码风格。 - 功能:代码格式化、代码美化。 ...

    jenkins常用插件包

    JavaScript GUI Lib: Moment.js bundle plugin JQuery3 API Plugin JSch dependency plugin JUnit LDAP Plugin Localization Support Plugin Localization: Chinese (Simplified) Lockable Resources plugin Mailer ...

    3种不同的ContextMenu右键菜单演示.

    例如,`jquery.contextMenu.js`插件提供了一个方便的接口。首先,引入jQuery和插件库,然后配置所需的菜单项: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="js/...

    最出色的节点模块的集合,这些模块将扩展node.js应用程序的功能。-Node.js开发

    其他很棒的列表,有用的jQuery插件有用的Wordpress插件开发的软件包开发所需的软件包列表使用Ctrl + F或Command + F搜索模块。 欢迎捐款。 其他很棒的列表,有用的jQuery插件有用的Wordpress插件开发包。开发所需的...

    jquery-terminal-demo:网站上使用的简单命令教程

    `jQuery Terminal` 是一个JavaScript库,专门用于在Web页面上创建这种功能。这个“jquery-terminal-demo”项目就是对如何在网站上使用 `jQuery Terminal` 的一个简单教程。 首先,我们需要了解 `jQuery Terminal` ...

    eclipse导入jquery包后报错的解决方法

    在开发Web应用时,我们经常会使用到jQuery库来简化JavaScript代码。然而,有时在Eclipse IDE中导入jQuery包时,可能会遇到一些问题导致编译错误。这个问题主要涉及到Eclipse的JavaScript验证器设置。本文将详细解释...

    js多选下拉列表

    总结一下,"js多选下拉列表"涉及的技术主要包括HTML的`<select>`元素与`multiple`属性、JavaScript/jQuery用于交互和增强用户体验,以及可能需要的jQuery插件如`select2`和`multi-select`。对于多级联动,需要理解...

    select下拉多选框

    为了改善用户体验和提供更丰富的定制化功能,开发者常常会使用JavaScript库或插件,比如jQuery。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。在处理多选下拉框时,...

    jpi.tar.gz

    tool.jpi', 'jenkins-multijob-plugin.jpi', 'jquery-detached.jpi', 'jquery-ui.jpi', 'jquery.jpi', 'jsch.jpi', 'junit.jpi', 'ldap.jpi', 'localization-zh-cn.jpi', 'lockable-resources.jpi', 'mailer.jpi', '...

    jQuery下拉框多选

    `js`可能是指包含jQuery库和Chosen插件的JavaScript文件。在实际项目中,确保正确引用这些文件以使功能正常工作。 综上所述,"jQuery下拉框多选"涉及到的技术点包括HTML的`<select>`和`<option>`元素,jQuery的`....

Global site tag (gtag.js) - Google Analytics