将列表添加到AutoComplete Jquery

时间:2013-05-16 09:54:29

标签: jquery

我关注this tutorial并且我有一个jquery自动完成功能,唯一的区别是我从数据库导入数据而不是像教程中那样从ArrayList导入数据。

问题是我的数据库已满,当我插入一个字母时,自动完成显示所有名字都以一个列表中的这个字母开头,我的页面高度变大。为了解决问题,我想将我的数据放入带滚动条的列表中。

怎么做?

1 个答案:

答案 0 :(得分:0)

我在API Documentation看不到任何建议您设置maxLength或类似内容的选项。如果我没错,你可以将一个最大高度和溢出属性设置为一个新的CSS文件,对于你的列表元素,我认为它适用于你想要做的事情。

<强>已更新

这是作为列表工作的元素:

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="display: none; top: 29px; left: 67px; width: 273px;">

在其内部,您可以看到很多<li>,具体取决于收到的数据。我向您建议的是将max-height: XXpx;overflow-y: scroll;属性设置为已经拥有“列表容器”的任何当前类(我推荐.ui-autocomplete,因为其他类是与其他jQuery-UI元素共享)进入新的CSS文件,您应该按照我之前的说法创建它,并且您可以尝试以这种方式“破解”它。

未经过测试