jQuery智能補全搜索內容插件：AutocompleteJS

jopen 10年前發布 | 36K 次閱讀 jQuery自動完成插件 jQuery插件 AutocompleteJS

Autocomplete.js 是 jQuery 插件，高度自定義，可以改進搜索功能，搜索框輸入時，可以智能補全搜索內容。

To add an Animotion programmatically:

var words = ['boat', 'dog', 'drink', 'elephant', 'fruit', 'London'];

$(document).ready(function(){
    $('#yourElement').autocomplete(
        hints: words
    );
});

Options

  • hints: words array for displaying hints.
  • placeholder: search input placeholder (default: 'Search').
  • width: input text width.
  • height: input text height.
  • showButton: display search button (default: true).
  • buttonText: button text (default: 'Search').
  • onSubmit: function handler called on input submit.
  • onBlur: function handler called on input losing focus.
  • height: input text height.

在線演示

jQuery智能補全搜索內容插件：AutocompleteJS

項目主頁：http://www.baiduhome.net/lib/view/home/1411913137812

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！