Что сделать чтобы сработал автокомплит?

Question

[Romik90]

Не срабатывает автокомплит. Если переменную availableTags вынести за функцию keyup, и вручную наполнить, то код работает

jQuery(document).ready(function(){

    $('.city-input').keyup(function(){
        $('.city-list').hide().html('');
        var inp = $(this);
        var word = $(this).val();
        if(word.length > 1)
        {
            $.post('url', {queryString: word}, function(data){
                var availableTags = JSON.parse(data);

                $(inp).autocomplete({
                    source: availableTags
                  }).autocomplete( "instance" )._renderItem = function( ul, item ) {
                    return $( "<li><span class='bysides'><div>" + item.one + "</div><div>" + item.two + "</div></span></li>" )
                      .appendTo( ul );
                  };
            });
        }
    });

Comments

[OVK2015]

А пост запрос точно к "url"? В косоле чего пишет?

[Dmitry Pavlov]

Если вывести содержимое в консоль - console.log(availableTags); - что там в обоих случаях (когда руками наполняете и когда она просто работает)?

[Romik90]

OVK2015: да, и данные оттуда приходят

[Romik90]

Dmitry Pavlov: выводит массив объектов в обоих случаях

[Dmitry Pavlov]

Romik90: когда данные с сервера приходят они в объекте availableTags или массивом?

[OVK2015]

Romik90:

выводит массив объектов в обоих случаях

Сами объекты валидные для autocomplete?
api.jqueryui.com/autocomplete/#option-source

[Romik90]

OVK2015: Решение найдено. Спасибо

[Romik90]

Dmitry Pavlov: Решение найдено. Спасибо

[OVK2015]

Romik90: Не за что вроде

Answer 1

[Romik90]

Решение найдено

$(inp).autocomplete({
 source: function(request, response){
 $.post('url', {queryString: word}, response, "json");
return response;
};
}).autocomplete( "instance" )._renderItem = function( ul, item ) {
return $( "<li><span class='bysides'><div>" + item.one + 
"</div><div>" + item.two + "</div></span></li>" )
.appendTo( ul );
};