当前位置:首页 > 开发教程 > js/jQuery教程 >

jquery.mentionsInput又一款jQuery自动完成插件

时间:2016-02-25 10:25 来源:互联网 作者:源码搜藏 收藏

jquery.mentionsInput jquery.mentionsInput是一个小的,但真棒UI组件,可以让你@mention有人在短信中,就像你是用来在Facebook或Twitter。 该项目由写 肯尼斯Auchenberg ,并开始作为一个内部项目 波迪奥 ,但随后被开源给它一个生活在社区。 介绍 要开始-

jquery.mentionsInput

jquery.mentionsInput是一个小的,但真棒UI组件,可以让你“@mention”有人在短信中,就像你是用来在Facebook或Twitter。

该项目由写肯尼斯Auchenberg,并开始作为一个内部项目波迪奥,但随后被开源给它一个生活在社区。

介绍

要开始-结帐http://podio.github.com/jquery-mentions-input

最新发布

1.6.0(2015-JAN-7) - https://github.com/podio/jquery-mentions-input/releases/tag/1.6.0

错误和增强功能(下一版本)

  •  修正了在普通的输入字段不textarea的#74提及
  •  修复#26大写字母作为触发字符
  •  修复#59 Unicode字符支持
  •  这是要在内容已经提到修复#104当同一文本
  •  修复#100的新选项养护triggerChar输出

执照

MIT许可证- http://www.opensource.org/licenses/mit-license.php

依赖

jquery.mentionsInput写成一个jQuery的扩展,因此它自然需要的jQuery(1.6+)。除了jQuery的,也要看underscore.js(1.2+),用来简化的东西一点。

该组件还使用新的HTML5“输入”事件。这意味着像IE8旧浏览器需要哪个模拟事件(它是捆绑)一个填充工具。

组件本身被实现为一个独立的小的功能,因此它可以很容易地移植到比jQuery的其他框架。

此外,所有的实用功能都已集中在utils的对象,可以用引用来代替,如果你已经有了喜欢的HTMLEncode等功能

为了使组件扩展和收缩,以适应它的内容,您可以包括jquery.elastic.js

浏览器支持

jquery.mentionsInput已经在Firefox 6 +,15 +的Chrome和Internet Explorer 8+了测试。

请让我们知道,如果你看到什么奇怪的。不,我们不会让旧的浏览器工作。期。

报告问题

创建问题时,请提供的jsfiddle!

这真是节省了很多时间。

您的反馈意见是非常赞赏!

路线图

  • 解决悬而未决的问题。
  • 独立mentionsInput从jQuery的,并公开为AMD / CJS模块。
  • 独立autocompleter,所以它可以使用引导,jQuery的,等等,autocompleters
  • 定义好接口来调用方法。
  • 添加到有一个隐藏的输入包含syntaxed版本的选项,所以它更容易使用的开箱。
  • 添加单元测试!
  • 添加移动支持

最新下载地址https://github.com/podio/jquery-mentions-input
 

js/jQuery教程阅读排行

最新文章