Jquery自动完成不能正常工作

jquery autocomplete is not working properly

本文关键字：常工作 工作 不能 Jquery      更新时间：2023-09-26

我编写了下面的代码。简单地说，我想从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);
                }
            });
        }
    });
});

像下面这样改变它并在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();
}
相关文章：