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

Posted 2023-05-08

【中文标题】引导自动完成输入下拉菜单未显示

【英文标题】：Bootstrap Autocomplete Input Dropdown not showing

【发布时间】：2021-11-05 02:46:45

【问题描述】：

这已经困扰了我好几个小时了。我正在使用 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>

谢谢

【参考方案1】：

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