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());
});
分享到:
相关推荐
在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。`jquery.hotkeys`是jQuery的一个插件,由John Resig开发,它扩展了jQuery的功能,允许开发者监听和处理键盘上的任意...
在使用jQuery Multiple Select插件时,首先需要在页面中引入jQuery库和插件的JS及CSS文件。然后,你可以通过以下方式初始化插件: ```html <option value="1">Option 1 <option value="2">Option 2 ... $...
jQuery Terminal 是一个专门为此目的设计的插件,它允许开发者在网页上模拟一个功能齐全的命令行终端。 **jQuery Terminal 插件介绍** jQuery Terminal 是基于 jQuery 的开源库,它提供了丰富的命令行功能,包括但...
在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了网页的交互和动画效果。对于设计和开发人员,特别是那些使用Adobe Dreamweaver CS5(简称Dw CS5)的人来说,jQuery是一个不可或缺的工具。本篇文章...
最新版jQuery的Eclipse插件,自动提示功能 官方安装步骤: Installations step1:download jqueryWTP_version.jar step2:find you Eclipse Plugin org.eclipse.wst.javascript.ui_xxxxxxx.jar,backup the plugin. ...
jQuery,一款强大的JavaScript库,因其简洁的语法和丰富的功能而备受开发者喜爱。在Web开发领域,它极大地简化了DOM操作、事件处理以及动画效果的创建。对于Dreamweaver 8这样的专业网页设计工具,集成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插件实现多选下拉列表过滤框(附源码下载)”和描述“Selectator是一款实现多选和搜索过滤功能的jQuery下拉列表框插件。下文给大家介绍jQuery使用Selectator插件实现多选下拉列表过滤框,...
jquery.hitokoto.js这是一个显示的jquery plugin窝第一次写jquery plugin……肯定不大对啦……请指出!#用法$.hitokoto(selector,options)selector为需要显示hitokoto的DOM元素。#参数options传入一个对象,可选的...
3. 输入想要安装的插件名称,例如 `JsFormat`、`SublimeCodeIntel` 或 `jQuery`,然后按 `Enter` 键进行安装。 **步骤3:查看安装状态** 安装完成后,可以在左下角的状态栏看到插件安装成功的提示信息。此外,也...
- 描述:支持 jQuery 规范的插件包,提供 jQuery API 的代码提示。 - 功能:代码提示、语法高亮。 - **JSFormat** - 描述:JS 代码格式化插件,可以帮助开发者统一代码风格。 - 功能:代码格式化、代码美化。 ...
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 ...
例如,`jquery.contextMenu.js`插件提供了一个方便的接口。首先,引入jQuery和插件库,然后配置所需的菜单项: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="js/...
其他很棒的列表,有用的jQuery插件有用的Wordpress插件开发的软件包开发所需的软件包列表使用Ctrl + F或Command + F搜索模块。 欢迎捐款。 其他很棒的列表,有用的jQuery插件有用的Wordpress插件开发包。开发所需的...
`jQuery Terminal` 是一个JavaScript库,专门用于在Web页面上创建这种功能。这个“jquery-terminal-demo”项目就是对如何在网站上使用 `jQuery Terminal` 的一个简单教程。 首先,我们需要了解 `jQuery Terminal` ...
在开发Web应用时,我们经常会使用到jQuery库来简化JavaScript代码。然而,有时在Eclipse IDE中导入jQuery包时,可能会遇到一些问题导致编译错误。这个问题主要涉及到Eclipse的JavaScript验证器设置。本文将详细解释...
总结一下,"js多选下拉列表"涉及的技术主要包括HTML的`<select>`元素与`multiple`属性、JavaScript/jQuery用于交互和增强用户体验,以及可能需要的jQuery插件如`select2`和`multi-select`。对于多级联动,需要理解...
为了改善用户体验和提供更丰富的定制化功能,开发者常常会使用JavaScript库或插件,比如jQuery。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。在处理多选下拉框时,...
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', '...
`js`可能是指包含jQuery库和Chosen插件的JavaScript文件。在实际项目中,确保正确引用这些文件以使功能正常工作。 综上所述,"jQuery下拉框多选"涉及到的技术点包括HTML的`<select>`和`<option>`元素,jQuery的`....