cmui-action
v0.4.0
Published
Easy and lazy solution for click-event-binding.
Downloads
4
Readme
English version is here.
Action
轻松随意绑定点击事件!
用法简介
第一步
先定义一些动作:
action.define({
'my-action': function () {
//do something...
},
/* ... */
})
第二步
在页面里创建元素:
<button data-action="my-action">btn</button>
<!-- 或这样 -->
<a href="#" data-action="my-action">link</a>
<!-- 或这样 -->
<a href="#my-action" data-action>link</a>
第三步
其实已经不需要第三步了。
点击这个元素就可以触发你定义的那个动作了!
兼容性
依赖以下类库:
- jQuery(或兼容类库,比如 Zepto)
支持以下浏览器:
- Chrome / Firefox / Safari 等现代浏览器
- IE 6+(需要 jQuery 1.x)
体积
- 源码: 2.7k
- 压缩后: 0.4k
安装
通过 npm 3+ 安装:
$ npm install cmui-action
在页面中加载 Action 的脚本文件及必要的依赖:
<script src="./node_modules/jquery/dist/jquery.js"></script> <script src="./node_modules/cmui-action/src/action.js"></script>
API 文档
单元测试
- 把本项目的代码 fork 并 clone 到本地。
- 在本项目的根目录运行
npm install
,安装必要的依赖。 - 在浏览器中打开
test/test.html
即可运行单元测试。
谁在用?
移动 UI 框架 CMUI 采用 Action 作为全局的基础设施,因此所有 CMUI 用户都在使用 Action: