jquery - float 框欠输入

Question

我正在开发一个网站，根据要求，有一件事我无法找出最佳实现方式。

https://www.lacestitadelbebe.es看看这个网站。您可以在首页看到一个搜索表单，关于它的“c00l”内容是，一旦您单击该字段(“¿Que Buscas？”)，它就会弹出一个“建议”列表。或有关相关内容的类别。

我正在尝试完成相同的行为，但要避免加载(我已经预先显示了信息)。我相信它可以通过 CSS 和隐藏的 div 或 Bootstrap 来完成。问题是，我不知道如何做到这一点。如何在输入框的精确位置下弹出一个 float 框。

有人能给我举个例子吗？提前致谢。

Answer 1

我在最近的元素中使用了 jQuery 库的免费 AJAX 自动完成，它运行良好:

https://www.devbridge.com/sourcery/components/jquery-autocomplete/

因为您事先知道这些值，您可以使用预先指定的值，在上面链接的页面上查找“本地查找(无 ajax):”示例。

示例:查看右上角的搜索框:https://dosgames.com所有的值都是事先已知的。