jquery - 不显示自动完成值
问题描述
我关注这个网站:https ://github.com/biggora/bootstrap-ajax-typeahead
我将输入文本创建为:
<div class="col-xs-2">
<input type="text" class="form-control typeahead" name="user" id="user" placeholder="autocomplete" />
</div>
在我的 JS 脚本中:
$('#user').on("输入", function () { var login = $("#user").val();
$.ajax({
type: "POST",
async: false,
cache: false,
url: "/user/ajaxSearch",
data: 'login=' + login,
dataType: 'json',
success: function(data) {
var typeaheadSource = ['John', 'Alex', 'Terry'];
$('.typeahead').typeahead(typeaheadSource);
}
});
});
我没有错误,但没有列表显示。我调试了我的代码,并调用了 typeahead 函数。
你有想法吗?
谢谢
解决方案
您没有正确调用插件。它需要一个对象作为选项,并且源是项目之一。
试试这个:
var typeaheadSource = ['John', 'Alex', 'Terry'];
$('.typeahead').typeahead({source: typeaheadSource});
推荐阅读
- google-chrome - 为什么 Chrome 会根据浏览器启动模式显示不同的验证消息?
- node.js - 使用 Express、Firestore、Cloud Functions 和 TypeScript 构建 REST API
- java - 如何导入本地 Java 依赖?
- excel - 在工作簿中查找匹配的字符串,从不同的工作表中复制整行并替换原始行 - Excel VBA
- python - 如何使显示上升为实时计数
- python - 如何在熊猫列的空行中使用lambda函数
- flutter - 从另一个模型访问值时出错(对空值使用空检查运算符)
- javascript - 单击主页按钮时,视频应停止
- python - 如何将相对权重添加到 python 字符串并按与其他字符的距离来组织权重?
- android - 错误:转储失败,因为找不到资源 AndroidManifest.xml 无法从 APK 中提取清单:ProcessException:命令失败