引导自动完成输入下拉菜单未显示

Question

这已经困扰了我好几个小时了。我正在使用 Bootstrap 3 并尝试将引导自动完成输入与 ajax (docs here) 一起使用。数据来自 Ajax 很好，我可以看到。下拉列表也被添加到 DOM，但它具有 css 属性display: none。如果我在开发控制台中取消选中此选项，我可以看到下拉列表，但它会卡在打开状态。

为什么 bootstrap 不处理 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>

谢谢

Answer 1

似乎版本 3 坏了，使用引导版本 4 有效。