English version is here.
轻松随意绑定点击事件!
先定义一些动作:
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>
其实已经不需要第三步了。
点击这个元素就可以触发你定义的那个动作了!
依赖以下类库:
支持以下浏览器:
通过 npm 3+ 安装:
$ npm install cmui-action
在页面中加载 Action 的脚本文件及必要的依赖:
<script src="https://github.com/cssmagic/action/raw/master/node_modules/jquery/dist/jquery.js"></script>
<script src="https://github.com/cssmagic/action/raw/master/node_modules/cmui-action/src/action.js"></script>
npm install
,安装必要的依赖。test/test.html
即可运行单元测试。移动 UI 框架 CMUI 采用 Action 作为全局的基础设施,因此所有 CMUI 用户都在使用 Action: