【问题标题】:Devbridge Autocomplete, no resultDevbridge 自动完成,没有结果
【发布时间】:2013-10-30 05:10:33
【问题描述】:

我正在尝试使用支持 AJAX 的 DevBridge jQuery Autocomplete Plugin

我已经创建了所有必需的部分,但插件没有给我任何结果。 控制台没有给我任何错误。

function initializeSubjectAutocomplete()
{
    /* Add field */

    realSubjectSelector = $('#containerForm select#subject');
    realSubjectSelector.hide();
    realSubjectSelector.after('<input type="text" placeholder="Subject" id="subjectAutocomplete" name="subjectAutocomplete">');

    /* Autocomplete */

    $('#containerForm input#subjectAutocomplete').autocomplete(
        {
            serviceUrl: 'getAutocompleteThreads',
            dataType: 'jsonp',
            minChars: 3,
            onSelect: function (suggestion){realSubjectSelector.val(suggestion.data);}
        }
    );
}

我的 getAutocompleteThreads 的典型结果是这样格式化的:

{
query: "resolvi",
suggestions: [
    { value: "Not resolving Symlinks at all", data: "13102" },
    { value: "Resolving inter-library dependencies", data: "12079" },
    { value: "Resolving static lib dependency at executable link time", data: "13098" },
    { value: "help needed in resolving this pipeline problem", data: "59531" },
    { value: "Resolving coincident faces - linear & quadratic quarilaterals", data: "68186" }
]
}

感谢您的宝贵时间,

菲利克斯

【问题讨论】:

    标签: javascript php jquery autocomplete jsonp


    【解决方案1】:

    也许您没有时间更新 DOM,从插入 #subjectAutocomplete 到在其上执行 autocomplete()

    尝试替换您的以下代码:

    realSubjectSelector.after('<input type="text" placeholder="Subject" id="subjectAutocomplete" name="subjectAutocomplete">');
    
        /* Autocomplete */
    
        $('#containerForm input#subjectAutocomplete').autocomplete(
    

    对于这个:

    $('<input type="text" placeholder="Subject" id="subjectAutocomplete" name="subjectAutocomplete">').insertAfter(realSubjectSelector).autocomplete(
    

    【讨论】:

    • 没有改变任何东西!这个函数在 $(document).ready() 中是明确的,所以我认为 DOM 已经准备好了。但也许我必须准确说明该页面正在处理很多结果,最多 100,000 个。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-15
    • 2016-04-30
    相关资源
    最近更新 更多