Javascript 自动完成标签不显示隐藏元素上的数据

自动完成标签不在隐藏的输入字段上显示数据，显示后带有display:none属性

我试图用下面给定的脚本自动完成MySQL数据库中的数据。当它在开发者工具网络控制台中给出正确响应时，它不显示标签。当我使用.show（）方法显示div时，autocomplete不会显示标签

    function openSearchDiv(){
        $('.search').show();  
    }

$(document).on('focus','#search',function(){
$(this).autocomplete({
            source: function( request, response ) {
                $.ajax({
                    url: 'products.php',
                    dataType: 'json',
                    method: 'post',
                    data: {
                        name_startsWith: request.term,
                        type: 'type'
                    },
                    success: function( data ) {
                        response( $.map( data, function( item ) {
                                return {
                                    label: item['id'],
                                    value: item['id'],
                                    data : item
                                }
                            }));
                        }
                    });
            },
            autoFocus: true,            
            minLength: 1,
            select: function( event, ui ) {
               // $('#player').val(ui.item.data.player);
               // $('#marks').val(ui.item.data.marks);
            }               
        });
     });

.search{
显示：无；
边缘顶部：20px；
} 

我已经从

display:none

属性中签出了这段代码，它工作得很好

，因此，如果您看一下，我使用了jQuery 3.3.1版和jQuery UI 1.12.1版，这是编写时的稳定版本

但在上，您使用的是jQuery3.3.1和jQueryUI1.11.4（遗留版本）。这是一个问题，因为对于jQuery3.3.1，您应该使用jQueryUI1.12.1

如果您想使用jQueryUILegacy版本，应该使用jQuery2.2.4或更早的版本。此外，在您的情况下，应该将该选项设置为适当的元素/选择器。例如：

我已经把你的问题解决了，你可以检查一下我的问题，我基本上省略了AJAX的内容，但是我没有更改任何CSS，而是将jQuery2.2.4与jQueryUI1.11.4结合使用

---

我还用叉子叉了叉，并将其改为使用jQueryUI1.12.1的jQuery3.3.1。您可以检查它。

是否尝试过可见性：隐藏；没有显示：无？@VikasJadhav仍然无法使用

可见性：隐藏。您所说的“不显示标签”到底是什么意思？可能是因为
成功
回调中的
标签：item['id']
？我的意思是，也许
标签
应该像
标签：项目['label']
或
标签：项目['title']
？@SallyCJ我不确定，但它没有显示标签应该显示的任何位置，而它在
显示：无元素。对不起，请忽略我之前的评论。但是，检查哪个显示您使用
显示：none
不是问题-至少在演示小提琴上是这样。因此，如果你能制作一把小提琴来重现这个问题，我们可能会提供帮助。非常感谢它现在起作用了，谢谢你的时间。非常欢迎你。我很高兴能帮上忙。干杯
$('#search').autocomplete({
  appendTo: $('#search').parent()
  // other options
});