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中offset()方法用法实例

    jQuery中offset()方法用法实例

    这篇文章主要介绍了jQuery中offset()方法用法,实例分析了offset()方法的功能、定义及返回或设置所匹配元素相对于document对象的偏移量时的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jQuery实现动态加载(按需加载)javascript文件的方法分析

    jQuery实现动态加载(按需加载)javascript文件的方法分析

    这篇文章主要介绍了jQuery实现动态加载(按需加载)javascript文件的方法,结合实例形式分析了jQuery根据调用函数按需动态加载javascript文件相关实现技巧,需要的朋友可以参考下
    2019-05-05
  • jQuery超简单遮罩层实现方法示例

    jQuery超简单遮罩层实现方法示例

    这篇文章主要介绍了jQuery超简单遮罩层实现方法,结合实例形式详细分析了jQuery遮罩层相关属性样式动态控制操作技巧,需要的朋友可以参考下
    2018-09-09
  • 使用jquery Ajax实现上传附件功能

    使用jquery Ajax实现上传附件功能

    这篇文章主要为大家详细介绍了使用jquery Ajax实现上传附件功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • jquery toggle faq 春江花月夜版

    jquery toggle faq 春江花月夜版

    jquery toggle点击实现内容的显示效果,喜欢的朋友可以参考下。
    2010-05-05
  • jquery实现tab键进行选择后enter键触发click行为

    jquery实现tab键进行选择后enter键触发click行为

    本文主要介绍了jquery键盘事件实现tab键进行选择后enter键触发click行为的方法,这种使用场景为当首页有几个链接需要选择的时候,使用键盘就可以进行触发行为。下面跟着小编一起来看下吧
    2017-03-03
  • jQuery简易图片放大特效示例代码

    jQuery简易图片放大特效示例代码

    这篇文章主要介绍了通过jQuery实现的简易图片放大特效,需要的朋友可以参考下
    2014-06-06
  • jQuery定义插件的方法

    jQuery定义插件的方法

    有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写$("#"),$("."),写了几年就对别人说非常熟悉JQuery。其实你只是了解一点皮毛,并不知道其中的道理,下面通过本篇文章给大家介绍jquery定义插件的相关知识,感兴趣的朋友一起学习吧
    2015-12-12
  • 基于jquery日历价格、库存等设置插件

    基于jquery日历价格、库存等设置插件

    这篇文章主要为大家详细介绍了基于jquery日历价格、库存等设置插件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • jQuery实现的在线答题功能

    jQuery实现的在线答题功能

    分享一款基于jQuery在线问卷答题系统代码是一款实用的jQuery答题插件,点击下一题切换带有淡入淡出效果。
    2015-04-04

最新评论