项目作者: cssmagic

项目描述 :
Easy and lazy solution for click-event-binding.
高级语言: JavaScript
项目地址: git://github.com/cssmagic/action.git
创建时间: 2014-09-02T02:33:37Z
项目社区:https://github.com/cssmagic/action

开源协议:

下载


English version is here.

Action

轻松随意绑定点击事件!

用法简介

第一步

先定义一些动作:

  1. action.define({
  2. 'my-action': function () {
  3. //do something...
  4. },
  5. /* ... */
  6. })

第二步

在页面里创建元素:

  1. <button data-action="my-action">btn</button>
  2. <!-- 或这样 -->
  3. <a href="#" data-action="my-action">link</a>
  4. <!-- 或这样 -->
  5. <a href="#my-action" data-action>link</a>

第三步

其实已经不需要第三步了。

点击这个元素就可以触发你定义的那个动作了!

兼容性

依赖以下类库:

  • jQuery(或兼容类库,比如 Zepto)

支持以下浏览器:

  • Chrome / Firefox / Safari 等现代浏览器
  • IE 6+(需要 jQuery 1.x)

体积

  • 源码: 2.7k
  • 压缩后: 0.4k

安装

  1. 通过 npm 3+ 安装:

    1. $ npm install cmui-action
  2. 在页面中加载 Action 的脚本文件及必要的依赖:

    1. <script src="./node_modules/jquery/dist/jquery.js"></script>
    2. <script src="./node_modules/cmui-action/src/action.js"></script>

API 文档

  • Action 提供了简洁易用的 API,详见此文档
  • 此外,建议阅读 Wiki 来获取更多信息。

单元测试

  1. 把本项目的代码 fork 并 clone 到本地。
  2. 在本项目的根目录运行 npm install,安装必要的依赖。
  3. 在浏览器中打开 test/test.html 即可运行单元测试。

谁在用?

移动 UI 框架 CMUI 采用 Action 作为全局的基础设施,因此所有 CMUI 用户都在使用 Action:


License

MIT License