javascript - jQuery 自动完成到 jQuery UI 自动完成迁移(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 autocomplete migration guide

这是我的三段旧代码:

$("#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);
        }
    }   
});