微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript-Ajax自动完成,带有定制的弹出位置

我正在做的事情涉及< textarea>中词组的ajax自动完成.我已经使用jquery自动完成插件很好地工作了;但是,将其硬编码为将弹出窗口定位在< textarea>下.

对于我正在从事的工作,< textarea>在页面底部;理想情况下,我希望这些选项显示在< textarea>上方.

是否有一个类似的现有(和相当不错的)自动完成脚本可以允许这样做?我的其他选择是:

>尝试使用更多的jQuery在事后重新定位
>破解插件代码以重新定位
>从头开始写一些东西(听起来很简单,但是在自动完成过程中有一些细微差别)

有什么建议吗?

有关信息,这是我最终得到的结果:

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

解决方法:

这不是世界上最干净的解决方案,但是您可以通过在CSS中使用“!important”来覆盖自动完成插件编写的样式属性.

无论如何,样式都尽可能地属于CSS.

如果我没记错的话,该插件会在autosuggest div的“ style”属性中设置“ top”值.

在您的CSS中,您应该能够执行以下操作:

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐