jQuery Autocomplete到jQuery UI Autocomplete遷移（從jQuery 1.2.x到2.x）

Question

我正在嘗試遷移舊腳本以使用最新的jquery.ui.autocomplete.js和jQuery 2.1.1 （加載jquery-migrate-1.2.1.min.js會有所幫助，但我不想使用它）。

這是我要完成的工作，找到：

$("input").autocomplete(["a", "b", "c"]);

並更改為：

$("input").autocomplete({
  source: ["a", "b", "c"]
});

• 根據jQuery自動完成遷移指南

這是我的舊代碼的三個部分：

$("#county").autocomplete(CountyArray, {            
        width: 170,
        matchContains: false,
        selectFirst: false
    }).result(function(event, data, formatted) {
        if($("#county").val()!=''){
            $("#place").val('');
            $("#street").val('');
            $('#islike').val('0');
            LoadPlaceListNew(0);
        }
    });

...

$("#street").autocomplete(siteURL+"auto_street.php?county="+county+"&place="+place,{
        width: 260,
        selectFirst: false      
    }).result(function(event, data, formatted) {        
            $("#street").val(formatted.split(" (")[0]);
            if($("#street").val()!=''){ 
                LoadZipcodesNew(0);
            }           
    });

先感謝您！

Answer 1

我們發現，僅需要最新的jQuery和jquery.ui.autocomplete.js（jquery-migrate-1.2.1.min.js是一種完全不需要的解決方法）：

$("#county").autocomplete({
        source: CountyArray,
        /*
        width: 170,
        matchContains: false,
        selectFirst: false
        */
        select: function(event, data) {
            if($("#county").val()!=''){
                $("#place").val('');
                $("#street").val('');
                $('#islike').val('0');
                LoadPlaceListNew(0);
            }
        }
    });

...

$("#street").autocomplete({
    source: siteURL+"auto_street.php?county="+county+"&county="+county,
    /*
    width: 260,
    selectFirst: false
    */
    select: function (event, ui) {
        var strit = ui.item.value;
        strit = strit.split(" (")[0];
        if (ui.item && ui.item.value){
            titleinput = ui.item.value;
            $("#street").val(strit);
            ui.item.value= $.trim(strit);
        } 
        if($("#street").val()!=''){ 
            LoadZipcodesNew(0);
        }
    }   
});