Событие выбора автозаполнения 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'); ....

Я неправильно использую select?

Answer 1

Ваш "select" прикреплен к $ .ajax. Он должен быть на том же уровне, что и «source» и «minLength».