如何在 ul 标签下执行 JQuery UI 自动完成

How can I do JQuery UI autocomplete under ul tag?

本文关键字:UI JQuery 执行 ul 标签      更新时间:2023-09-26

这是我的自动完成插件(你可以输入C,B,..)

http://kolesnikg.github.io/

我想在 ul 标签(输入字段)下方进行自动完成。我该怎么做?

您可以在输入字段上为按键添加侦听器,每个键将其连接到一个字符串,使用该字符串过滤将要显示的元素列表。筛选它们以查找剩余的每个元素后,插入到显示该元素的选项或列表项的内部 html 中。

在 JQuery UI 中,有控制自动完成内容的类".ui-autocomplete-load"。

所以我只是添加到我的 CSS 文件中:

.ui-autocomplete-loading { position: absolute; left: Xpx; top:Xpx;}

并在 html 文件中添加样式以标记 UL,相对于我想放置自动完成:

<ul id="myTags" class="ui-menu tagit-autocomplete" style="position: absolute; z-index: 1;"></ul>