Ajax自动完成，具有定制的弹出式位置

Question

我正在做一些涉及到ajax自动完成在<textarea>中的短语的事情。我使用jquery自动完成插件可以很好地工作；但是，要将弹出式窗口定位到<textarea>下面，这是硬编码的。

对于我正在做的工作，<textarea>位于页面的底部；理想情况下，我希望这些选项出现在<textarea>之上。

是否有一个类似的现有(和半体面的)自动完成脚本将允许这一点？我的其他选择是：

autocomplete)

• 试图在事后重新定位它，使用更多的jquery
• ，将插件代码分解成碎片来重新定位它，
• 从头开始编写一些东西(听起来很简单，但在一个像样的

中有一些细微差别。)

有什么建议吗？

关于信息，以下是我最后得到的信息：

#known-parent .ac_results 
{
    position: fixed !important;
    top: auto !important;
    bottom: 80px !important;
}

Answer 1

它不是世界上最干净的解决方案，但是您可以在css中使用“！重要”来覆盖自动完成插件所写的样式属性。

样式尽可能多地属于CSS。

如果我没记错的话，插件就会在自动建议div的“样式”属性中设置"top“值。

在您的css中，您应该能够完成以下操作：

#whatever_the_id_of_the_box_is {
    position: absolute !important;
    top: {{ whatever value you want here }} !important;
}

Answer 2

您能否更改弹出窗口的CSS并将负值分配给页边距顶部？这应该会将内容移到顶部，但是您的结果看起来会有点奇怪，因为相关的值将位于顶部。

难道还不能编辑自动完成插件来编辑容器的style并移动框的位置吗？我不认为这会太困难，但我已经有一段时间没见过那个插件了。

<div style="display: none; position: absolute; width: 151px; top: 21px; left: 91.65px;" class="ac_results"></div>

您需要在插件代码中对此进行调整。

编辑:实际上我不会推荐这个。应该有一种方法来逆转UI插件中的结果顺序。这样做，并更改样式值，您应该有一个干净的结果集。当我有机会的时候，我会添加确切的代码