jQuery UI 自动完成 close() 方法

简介

jQuery UI 自动完成（Autocomplete）是一个非常实用的组件，它能够为用户提供快速的搜索建议。close() 方法可以关闭已打开的下拉菜单。

用法

$( ".selector" ).autocomplete( "close" );

参数

该方法不需要参数。

示例

$( "#autocomplete" ).autocomplete({
  source: [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion",
   "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python",
   "Ruby", "Scala", "Scheme" ],
  select: function(event, ui) {
     console.log(ui.item.label);
  }
});

$( "#toggle" ).on( "click", function() {
   $( "#autocomplete" ).autocomplete( "close" );
});

返回值

该方法没有返回值。

close() 方法是 jQuery UI 自动完成一个重要的方法，可以控制下拉菜单的状态，给用户提供更加友好的交互体验。