20151217jqueryUI--自动补全工具

自动补全（autocomplete），是一个可以减少用户输入完整信息的 UI 工具。一般在输
入邮箱、搜索关键字等，然后提取出相应完整字符串供用户选择。
一．调用 autocomplete()方法

$('#email').autocomplete({
source : ['aaa@163.com', 'bbb@163.com', 'ccc@163.com'],
});

　　二．修改 autocomplete()样式
由于 autocomplete()方法是弹窗，然后鼠标悬停的样式。我们通过 Firebug 想获取到悬停
时背景的样式，可以直接通过 jquery.ui.css 里面找相应的 CSS。

//无须修改 ui 里的 CSS，直接用 style.css 替代掉
.ui-menu-item a.ui-state-focus {
background:url(../img/ui_header_bg.png);
}

　　注意：其他修改方案类似。

三． autocomplete()方法的属性
自动补全方法有两种形式： 1.autocomplete(options)， options 是以对象键值对的形式传参，
每个键值对表示一个选项； 2.autocomplete('action', param)， action 是操作对话框方法的字符
串， param 则是 options 的某个选项。

$('#email').autocomplete({
source : ['aaa@163.com', 'bbb@163.com', 'ccc@163.com'],
disabled : false,
minLength : 2,
delay : 50,
autoFocus : true,
});

$('#email').autocomplete({
position : {
my : 'left center',
at : 'right center'
}
});

　　四． autocomplete()方法的事件
除了属性设置外， autocomplete()方法也提供了大量的事件。这些事件可以给各种不同状
态时提供回调函数。这些回调函数中的 this 值等于对话框内容的 div 对象，不是整个对话框
的 div。

$('#email').autocomplete({
source : ['aaa@163.com', 'bbb@163.com', 'ccc@163.com'],
disabled : false,
minLength : 1,
delay : 0,
focus : function (e, ui) {
ui.item.value = '123';
},
select : function (e, ui) {
ui.item.value = '123';
},
change : function (e, ui) {
alert('');
},
search : function (e, ui) {
alert('');
},
});

//关闭自动补全
$('#email').autocomplete('close');
//禁用自动补全
$('#email').autocomplete('disable');
//启用自动补全
$('#email').autocomplete('enable');
//删除自动补全
$('#email').autocomplete('destroy');
//获取自动补全 jQuery 对象
$('#email').autocomplete('widget');
//设置自动补全 search
$('#email').autocomplete('search', '');
//获取某个 options 的 param 选项的值
var delay = $('#email').autocomplete('option', 'delay');
alert(delay);
//设置某个 options 的 param 选项的值
$('#email').dialog('option', 'delay', 0);

　　五． autocomplete 中使用 on()
在 autocomplete 的事件中，提供了使用 on()方法处理的事件方法。

$('#reg').on('autocompleteopen', function () {
alert('打开时触发！ ');
});

转载于:https://www.cnblogs.com/xiaoduc-org/p/5055257.html

20151217jqueryUI--自动补全工具相关推荐

sublime text + LaTex 写作生成PDF | LaTex代码自动补全工具 | MiKTeX安装宏包
交试验报告老师要求用LaTex.本打算用网页版的,但是overleaf啊什么的不支持中文.没办法只好搞个本地的了. 网上看了一堆乱七八糟的东西教程,装完了还不好使,只好自己写. 这是一个目录 1. L ...
Fig : 一款超高颜值和功能强大的终端自动补全工具
公众号关注「奇妙的 Linux 世界」设为「星标」,每天带你玩转 Linux ! Fig 是一个可以在你的终端中添加自动补全命令的提示工具,当你在操作终端的时候,Fig 可以在你的终端中弹出子命令 ...
jedi-vim --- vim python 自动补全工具安装
1. 安装pathogen mkdir -p ~/.vim/autoload ~/.vim/bundle && \ curl -LSso ~/.vim/autoload/pathoge ...
效率UP！机器学习从废品中分拣可回收材料；计算机科学自学计划▪中译版；Python入门指南；好用的代码自动补全工具；前沿论文 | ShowMeAI资讯日报
php exec多条命令怎么拼接_PHP--手摸手，教你撸一个会自动补全的命令行工具1
前言一次在使用symfony的时候,发现使用命令行的时候有些关键字会自动提示. 介绍随着laravel,symfony等框架的流行,命令行工具越来越流行,但是很多时候命令太多,根本无法记住所有参数 ...
vs代码补全的快捷键_效率工具 | 一款基于深度学习的代码自动补全神器
前言代码补全对于大多数开发人员来说是至关重要的,它可以有效的提高开发效率.减少拼写错误和输入代码量.我们使用的大多数开发工具都自带补全功能,或者可以通过安装插件具备补全功能.但是,以往的代码补全功能 ...
准确率可提升50%以上，Facebook用迁移学习改进代码自动补全
视学算法报道转载自:机器之心编辑:陈萍.杜伟来自 Facebook 的研究团队将迁移学习用于代码自动补全,提出的方法在非常小的微调数据集上提高 50% 以上的准确率,在 50k 标记示例上提高了 ...
python自动补全库_叼炸天的库! 自动补全 Python 代码，能节省 60% 敲码时间
近日,Reddit 上的一篇帖子引起了网友的热议.帖子作者「mlvpj」称: 「我们使用深度学习完成了一个简单的项目,可以自动进行 Python 代码补全.」根据介绍,该项目基于 LSTM 模型,训 ...
这个库厉害了，自动补全Python代码，节省50%敲码时间
点击"小詹学Python",选择"星标"公众号第一时间速享重磅干货本文转自机器之心,禁止二次转载摘要:介绍一个优秀代码自动补全工具库. 近日,Reddi ...
python自动补全库_这个库厉害了，自动补全Python代码，节省50%敲码时间
近日,Reddit 上的一篇帖子引起了网友的热议.帖子作者「mlvpj」称: 「我们使用深度学习完成了一个简单的项目,可以自动进行 Python 代码补全.」根据介绍,该项目基于 LSTM 模型,训 ...

20151217jqueryUI--自动补全工具

20151217jqueryUI--自动补全工具相关推荐

最新文章

热门文章