javascript 自动完成关闭时出现视觉错误

Question

如果用户单击其他地方，我试图在 javascript 中关闭我的自动完成列表，并找到了这个很好的答案：

因为我没有像原始问题中那样的 "showmore" 选项，所以我对其进行了如下调整：

 $(document).bind('click', function (event) {
            $(".ui-menu-item").remove();
    });

但是此代码会产生一个视觉错误，您可以在以下屏幕截图中看到该错误：

这里是我在代码中添加代码块来处理关闭自动完成的地方： https://github.com/CUTR-at-USF/usf-mobullity/blob/mobullityrebase/src/client/js/otp/widgets/tripoptions/TripOptionsWidget.js#L294

我曾尝试将 .ui-menu-item 更改为 .ui-menu 或 .ui-autocomplete，但这些更改禁用了打开自动完成列表的可能性。

如果您知道为什么自动完成列表中有这个剩余部分并且知道如何修复它，请告诉我。我假设它来自 .ui-menu-item 但我不确定，我尝试过的也不成功。

Answer 1

如果您以后需要使用该元素，您应该尝试 hide 该元素而不是删除它。此外，由于将删除更改为隐藏有效，因此添加此答案只是为了记录。