/action

Easy and lazy solution for click-event-binding.

Primary LanguageJavaScript

English version is here.

Action spm package

轻松随意绑定点击事件!

用法简介

第一步

先定义一些动作:

action.add({
    '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

安装

Bower

  1. 通过 Bower 安装:

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

    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/action/src/action.js"></script>

spm

也可通过 spm 进行安装和构建:

$ spm install action

API 文档

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

单元测试

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

谁在用?

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


License

MIT License