javascript - JQuery 自动完成选择事件未触发

Question

我尝试进行自动完成输入，就像我过去有时所做的那样。但今天我不得不面对一个我无法真正理解的问题。

$( "#search_collab_autocomplete" ).autocomplete({
    appendTo :$('.form-add-new-user'),
    source : function(requete, response){
        $.ajax({
            url : $('.form-add-new-user').data('url'),
            dataType : 'json',
            data : {
                email : $('#search_collab_autocomplete').val(),
            },

            success : function(data){
                var arr = [];
                var i = 0;
                var fullObj = data;
                $.each(data, function(index, value){
                    var obj = {
                        id: index,
                        email: value,
                    };
                    arr[i] = obj;
                    i++;
                });
                response(arr, fullObj);
            },

            select: function( event, ui ) {
                console.log("hi");
            }
        });
    },
    minLength: 3
}).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
    return $( "<li></li>" ).data("item.autocomplete", item)
        .append( "<a>"+item.email + "</a>")
        .appendTo( ul );
};

我有这段代码，它部分有效，因为我可以在输入字段下方看到结果列表。

但是当我点击/当我用键盘选择一个项目时，我看不到任何事情发生..甚至没有一个简单的 console.log('hi');....

我使用了错误的选择吗？

Answer 1

您的“选择”已附加到 $.ajax。它必须与“source”和“minLength”处于同一级别。