读书人

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

发布时间: 2013-10-08 16:46:23 作者: rapoo

仿百度搜索自动输入提示功能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" } );

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

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

读书人网 >Web前端

热点推荐