javascript - 引导自动完成输入下拉菜单未显示
问题描述
这让我难倒了好几个小时。我正在使用 Bootstrap 3 并尝试使用带有 ajax 的引导自动完成输入(此处的文档)。数据来自 Ajax 很好,我可以看到。下拉列表也被添加到 DOM,但它具有 css 属性display: none
。如果我在开发控制台中取消选中此选项,我可以看到下拉列表,但它会卡在打开状态。
为什么引导程序不处理 div 的打开/关闭?
这是代码:
<input class="form-control basicAutoComplete" placeholder="Select a ship" type="text" autocomplete="off">
<script>
$(document).ready(function () {
$('.basicAutoComplete').autoComplete({
resolver: 'custom',
formatResult: function (item) {
return {
value: item.id,
text: "[" + item.id + "] " + item.name,
};
},
events: {
search: function (qry, callback) {
$.ajax(
"@Url.Action("shipdata", "autocomplete")",
{
dataType: "JSON",
data: { 'qry': qry }
}
).done(function (res) {
console.info(res.items);
callback(res.items);
});
}
}
});
});
</script>
谢谢
解决方案
似乎版本 3 已损坏,使用引导版本 4 有效。
推荐阅读
- javascript - 输入字段的只读属性
- blazor - 在 Blazor (.razor) 组件中添加多个组件
- xml - 使用 XSLT 将包含 HTML 的 XML 部分转换为文本
- javascript - 带有数据验证的订阅按钮
- d3.js - 重新初始化后的 D3 冗余 SVG 元素
- visual-studio - Visual Studio 19 在构建时打开网页
- visual-studio - 更新 VS2015 以修复我尝试发布系统时出现的错误时出现“安装包丢失或损坏的 Visual Studio 2015”
- python - 如何在 python 函数中使用魔法存储命令?
- python - 如何修复 TypeError:“FirefoxWebElement”对象在 Python Selenium 中不可下标
- java - VSCode Maven 项目添加一个文件夹到源路径