BootStrap下jQuery自动完成的样式调整
更新时间:2016年05月30日 14:05:10 作者:dreampursuer
这篇文章主要介绍了BootStrap下jQuery自动完成的样式调整的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
1. 覆盖层调整
在bootstrap的对话框中,当其中的输入项使用了自动完成控件,则其中下拉框中的内容就会被bootstrap对话框的覆盖层遮盖。

为了能够使后面的自动完成的层显示出来,可以使用如下的样式定义:
ul.ui-autocomplete{
z-index: 9999;
}
2. 自动完成选择项滚动
当有很多项选择时,自动完成的下拉就会显示很长的列表。为了能够更好地显示那么多的选项,希望能够有一个滚动选择的功能。
ul.ui-autocomplete{
z-index:9999;
max-height: 200px;
overflow-y: scroll;
}

以上所述是小编给大家介绍的BootStrap下jQuery自动完成的样式调整的相关知识,希望对大家有所帮助!
相关文章
JQuery 在文档中查找指定name的元素并移除的实现方法
下面小编就为大家带来一篇JQuery 在文档中查找指定name的元素并移除的实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-05-05
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
上次发了几个jQuery的插件和些心得, 很多园友(也许是自己站上的)发邮件希望能提供更多的源码, 正好这次有个同学希望在自己的坛子上挂个图片裁剪以生成头像的功能, 于是帮忙写了这么个插件.也许很多园友用得着, 就一并发上来啦.2011-09-09
jquery 动态增加,减少input表单的简单方法(必看)
下面小编就为大家带来一篇jquery 动态增加,减少input表单的简单方法(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-10-10


最新评论