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

JQuery UI自动完成(1.8)滚动

我有配置JQuery-UI的自动完成模块的麻烦。当需要选择的数据量足够大时,需要滚动条。

这是我试过的:

>在jquery-ui-1.8.16.css我已经设置了:

ui.autocomplete {
max-height:100px;
overflow-y:auto;
overflow-x:hidden;
}}

*如ui-documentation示例所示

这是我如何声明和自动填写输入:

$(“#myInput”)。autocomplete({
来源:mySource,
minLength:0,
});

我不知道为什么滚动条不出现,任何帮助将不胜感激。非常感谢你!

解决方法

你应该在这样的页面中重写CSS设置
<style>
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead,but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}
</style>

而不是改变jquery-ui-1.8.16.css中的值

原文地址:https://www.jb51.cc/jquery/183435.html

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

相关推荐