jQuery的自動完成功能無法正常工作

Question

我已經寫了下面的代碼。 我只是想從userfunctions.php獲取帶有Ajax的源數組。它可以工作，但幾毫秒后，選擇div消失了。 另外，當我不使用$（'＃autocomplete-ajax'）。autocomplete（{..成功時：它甚至無法正常工作。它看到數組為空。我該怎么解決這個問題？

我正在使用： https : //github.com/devbridge/jQuery-Autocomplete

$('#autocomplete-ajax').keyup(function(){
    var ara = $(this).val();
    var ara= ara.replace("@", "");
    var data = "action=get_auto_users&text="+ara;
    var arr = new Array();
    $.ajax({ url: '/inc/userfunctions.php',
        data: data,
        type: 'post',
        success: function(output) {
            obj = JSON.parse(output);
            arr = new Array();
            $.each(obj, function(key, value) {
                arr.push(value[2])
            });

            $('#autocomplete-ajax').autocomplete({
                lookup: arr,
                lookupFilter: function(suggestion, originalQuery, queryLowerCase) {
                    var re = new RegExp('\\b' + $.Autocomplete.utils.escapeRegExChars(queryLowerCase), 'gi');
                    return re.test(suggestion.value);
                },
                onHint: function (hint) {
                    $('#autocomplete-ajax-x').val(hint);
                }
            });

        }
    });

});

Answer 1

如下更改它並在callauto函數的底部添加焦點是可行的！

$('#autocomplete-ajax').keyup(function(){
    var ara = $(this).val();
    var ara= ara.replace("@", "");
    var data = "action=get_auto_users&text="+ara;
    $.ajax({ url: '/inc/userfunctions.php',
        data: data,
        type: 'post',
        success: function(output) {
            obj = JSON.parse(output);
            arr = new Array();
            $.each(obj, function(key, value){
                arr.push(value[2]);
            });
            callauto(arr);

        }
    });
});

function callauto(arr){
    $('#autocomplete-ajax').autocomplete({
        lookup: arr,
        lookupFilter: function(suggestion, originalQuery, queryLowerCase) {
            var re = new RegExp('\\b' + $.Autocomplete.utils.escapeRegExChars(queryLowerCase), 'gi');
            return re.test(suggestion.value);
        },
        onHint: function (hint) {
            $('#autocomplete-ajax-x').val(hint);
        }
    });
    $('#autocomplete-ajax').focus();
}