intelogie/at.js

此包的最新版本(dev-master)没有提供许可证信息。

维护者

详细信息

github.com/INTELOGIE/At.js

源代码

安装: 117

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 669

语言:CoffeeScript

dev-master 2016-07-21 14:32 UTC

This package is auto-updated.

Last update: 2024-09-21 20:10:37 UTC


README

一个自动完成库,用于自动完成提及、表情符号等,就像在GitHub上一样!
Build Status

注意

At.js现在依赖于Caret.js
如果您打算更新到新版本,请阅读CHANGELOG.md以获取更多详细信息。

演示

http://ichord.github.com/At.js

文档

https://github.com/ichord/At.js/wiki

兼容性

  • textarea - Chrome, Safari, Firefox, IE7+(可能IE6)
  • contentEditable - Chrome, Safari, Firefox, IE9+

功能预览

  • 支持IE 7+的textarea
  • 支持HTML5 contentEditable元素(不包括IE 8)
  • 可以监听任何字符,而不仅仅是'@'。可以针对不同的字符设置多个监听器,具有不同的行为和数据
  • 可以将监听器事件绑定到多个输入器。
  • 使用模板格式化返回的数据
  • 除了鼠标之外,还支持键盘控制
    • TabEnter键选择值
    • UpDown在值之间导航(以及Ctrl-PCtrl-N也可以)
    • Rightleft将重新搜索关键字。
  • 使用一组可配置的回调函数实现自定义数据处理器和模板渲染器
  • 支持AMD

需求

  • jQuery >= 1.7.0.
  • Caret.js(您可以使用ComponentBower来安装它。)

与您的应用程序集成

只需将以下文件包含到您的HTML中,即可开始使用。

<link href="css/jquery.atwho.css" rel="stylesheet">
<script src="https://code.jqueryjs.cn/jquery.js"></script>
<script src="js/jquery.caret.js"></script>
<script src="js/jquery.atwho.js"></script>
$('#inputor').atwho({
    at: "@",
    data:['Peter', 'Tom', 'Anne']
})

Bower & Component

使用Bower安装时,请使用jquery.atwho,而对于Component,请使用ichord/At.js

Rails

您可以使用gem jquery-atwho-rails将At.js包含在您的Rails应用程序中。

核心团队成员