我正在尝试使用支持AJAX的DevBridge jQuery自动完成插件。
我已经创建了所有必需的部分,但插件没有给我任何结果。控制台没有给我任何错误。
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" }
]
}
谢谢你的时间,
费利克斯
也许您没有给时间让 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(