jQuery, 網站技術

[jQuery] jQuery UI 的 Autocomplete 中文bug？

by simon

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>