jQuery UI已經寫好了許多好用的網頁效果,例如『Autocomplete』,像我們在google做搜尋時,它都會自動列出一些詞句,讓你直接點選,而不用完全輸入。這個效果,中文叫做『自動完成』或是『搜尋建議』。

但是,『Autocomplete』對於中文詞句,在不同瀏覽器(例如:Firefox)會發生無法使用的情形。
以下我們只需要修改一個地方就可以使用。

原來的程式碼:

<script>
$(function() {
var availableTags = [ "ActionScript","Asp","BASIC","C","C++","PHP","Python"];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>

後面再多一個bind:

<script>
$(function() {
var availableTags = [ "ActionScript","Asp","BASIC","C","C++","PHP","Python"];
$( "#tags" ).autocomplete({
source: availableTags
}).bind("input.autocomplete", function () {
$(this).autocomplete("search", this.value);
})
;
});
</script>

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *