使用JQuery自動完成？

Question

我正在尋找一個支持標籤（如stackoverflow）和圖片（如Facebook的搜索）的自動完成的jQuery插件。任何建議？

Answer 1

jQuery UI有autocomplete這很容易使用。

您向其傳遞可能值的數組（從服務器或客戶端），並且自動完成從此處接受它。

Here是一個示例，可以幫助您瞭解如何使用自定義數據。

從jQuery UI的

$(function() { 
     var availableTags = [ 
      "ActionScript", "AppleScript", 
      "Asp", "BASIC", 
      "C", "C++", 
      "Clojure", "COBOL", 
      "ColdFusion", "Erlang", 
      "Fortran", "Groovy", 
      "Haskell", "Java", 
      "JavaScript", "Lisp", 
      "Perl", "PHP", 
      "Python", "Ruby", 
      "Scala", "Scheme" 
     ]; 
     $("#tags").autocomplete({ 
      source: availableTags 
     }); 
    }); 

和HTML摘錄：

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags"> 
</div>