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

jQuery的自动完成插件 Autocomplete使用下载

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

jQuery的自动完成插件1.2.3 这个 jQuery插件 乔恩Zaefferer的(现在已经过时到jQuery用户界面) 的jQuery自动完成插件 ,用小的修改,以使UP / DOWN键,使输入元素文本的导航。 其中,自动完成是在通过UP / DOWN箭头键文本导航可能需要一个textarea元素用于

jQuery的自动完成插件1.2.3

使用代码示例:

 
$("#f_prj_name").autocomplete("/list_projects_of_prefix", {
    minChars: 1,
    width: 310,
    matchContains: true,
    autoFill: false,
    formatItem: function(data, i, n, v) {
        return i + ":" + v;            
    },
    formatResult: function(data,v) {
        return v;
    }
});

而服务器返回的数据很简单,返回的文本每一行放一个匹配的结果即可。

运行后界面如下图所示:

jQuery的自动完成插件 Autocomplete使用下载 jQuery的自动完成插件 Autocomplete使用下载

这个jQuery插件

乔恩Zaefferer的(现在已经过时到jQuery用户界面)的jQuery自动完成插件,用小的修改,以使UP / DOWN键,使输入元素文本的导航其中,自动完成是在通过UP / DOWN箭头键文本导航可能需要一个textarea元素用于这是特别有用。这种微小的修补程序与记录在开发文件(jquery.autocomplete.js)相关线路的意见。该.min和.pack文件有没有在代码中的注释具体修复。

我们用它在Claritty.com为当用户想要写一个Twitter用户名或新的鸣叫中以前使用#标签,所以“@”和“#”是触发脚本。虽然没有触发,不过,仍然插件的劫持UP / DOWN箭头键使文字的导航一个痛苦的屁股当用户有多条线路。这种修改可以防止这种行为,劫持箭头键,只有当自动完成脚本已被触发。

原来的插件现在已经废弃,但这个mod使用jQuery 1.3.2效果很好THRU 1.4.4。

文档

简介原来的插件,和原来的插件选项的说明都包含在文档文件夹中。(在jQuery的网站文件有望最终关闭。)

这种修改不应该打破任何在这些文档文件讨论的选项。

删节更新日志

1.2.3 --AGA

  • 合并后的光盘的叉:删除depricated $ .browser(jQuery的1.9+)

  • 合并miketaylr的叉:帐户在新戏改良后处理关键事件

  • 正确的打字错误在之前的合并之一介绍

  • 新的精缩和盒装版本

1.2.2 --AGA

  • 合并agmcleaod的叉:加失败的选项哈希:失败

  • 合并borkor的叉:新的选项不跳到第一个或最后一个位置:scrollJumpPosition

  • 删除傻console.debug()行从测试遗留下来的。

1.2.1 --AGA

  • 新增选项来激活选择列表与点击,而不是两个。clickFire默认为false。(请求人fgosfacdjtq /建议。)

  • 增加的选择放弃输入焦点的项目选择。inputFocus被默认设置为true,但在选项设置为false将取消此行为。

  • 绕过浏览器JS错误,当用户点击搜索结果列表的滚动条,然后单击导致名单毫不掩饰的名单之外。

  • 上一页/下一页键更改劫持防止缺省行为只有在选择列表中是可见的。帮助input元素内的文本导航。

1.2 --AGA

  • 扩展setOptions时使用递归合并。(要求/建议由smarques)。

1.1.1 --AGA

  • UP / DOWN箭头键更改劫持防止缺省行为只有在选择列表中是可见的。帮助input元素内的文本导航。

 changelog.txt 预1.1.1项由原作者。

下载地址https://github.com/agarzola/jQueryAutocompletePlugin


js/jQuery教程阅读排行

最新文章