仿百度搜寻自动输入提示功能JQuery Autocomplete

2013-10-08

仿百度搜索自动输入提示功能JQuery Autocomplete官方网址：http://api.jqueryui.com/autocomplete/官方案例

仿百度搜索自动输入提示功能JQuery Autocomplete

官方网址：http://api.jqueryui.com/autocomplete/

官方案例：http://jqueryui.com/autocomplete/

大概效果如下图

仿百度搜寻自动输入提示功能JQuery Autocomplete

此功能最主要的参数是source，所以放到最前面来写

source设置匹配菜单中的数据项，设置方式：

1、string数组参数，格式：[ "Choice1", "Choice2" ]

例如，初始化时：


初始化：
// gettervar delay = $( ".selector" ).autocomplete( "option", "delay" );  // setter$( ".selector" ).autocomplete( "option", "delay", 500 );
disabled禁用
初始化：
".selector" ).autocomplete({ position: { my : "right top", at: "right bottom" } });
初始化后
// gettervar position = $( ".selector" ).autocomplete( "option", "position" );  // setter$( ".selector" ).autocomplete( "option", "position", { my : "right top", at: "right bottom" } );

剩下的是一些方法和事件，都比较容易理解，就不一一翻译了

热点排行

Web前端

仿百度搜寻自动输入提示功能JQuery Autocomplete