jQuery的自動完成選項不工作

Question

我使用jQuery自動完成

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> 
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js'></script> 

一切工作正常，但現在我想補充這並不做任何事情一minChars選項。我的代碼如下所示：

$("#searchid").autocomplete({ 
    source: "/autocomplete_url.php?more=1", 
    minChars:6,    
    select: function(event, ui) { 
       $("#searchid").val(ui.item.value); 
       $("#formid").submit(); 
      } 
}); 

一切正常，除了它無視我添加的選項。爲什麼/如何調試問題？

更新：根據下面的答案，我已經轉而使用minLength代替。我試着將兩種不同的方式，但它不工作：/這是我的「新」的代碼：

$(".selector").autocomplete({ minLength: 6 });   
    $("#searchid").autocomplete({ 
     source: "/autocomplete_url.php?more=1", 
     minLength:6,   
     select: function(event, ui) { 
       event.preventDefault(); 
       $("#searchid").val(ui.item.value); 
       $("#formid").submit(); 
      } 
    }); 

感謝

Answer 1

這不是minChars但minLength
看到http://jqueryui.com/demos/autocomplete/#option-minLength

$(".selector").autocomplete({ minLength: 0 }); 

Answer 2

通常，如果您想操作自動完成自身所附帶的表單元素，則應包含一個

event.preventDefault(); 

您的select: function(event, ui){}區塊內。否則，默認的自動填充行爲將與您的代碼發生衝突，因爲它也試圖設置該值。

Answer 3

請確保您的源代碼返回JSON與密鑰：id，值和標籤。如果沒有，你需要使用回調函數作爲你的源代碼。看看這篇文章nettus：

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget/