Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

PrickerHub/action

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

50 Commits

Repository files navigation

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

About

Easy and lazy solution for click-event-binding.(吊到没朋友)

Resources

Stars

Watchers

Forks

Packages

Contributors

Languages

  • JavaScript 81.4%
  • HTML 18.6%

AltStyle によって変換されたページ (->オリジナル) /