BootStrap下jQuery自动完成的样式调整


Posted in Javascript onMay 30, 2016

1. 覆盖层调整

在bootstrap的对话框中,当其中的输入项使用了自动完成控件,则其中下拉框中的内容就会被bootstrap对话框的覆盖层遮盖。

BootStrap下jQuery自动完成的样式调整

为了能够使后面的自动完成的层显示出来,可以使用如下的样式定义:

ul.ui-autocomplete{
z-index: 9999;
}

2. 自动完成选择项滚动

当有很多项选择时,自动完成的下拉就会显示很长的列表。为了能够更好地显示那么多的选项,希望能够有一个滚动选择的功能。

ul.ui-autocomplete{
z-index:9999;
max-height: 200px;
overflow-y: scroll;
}

BootStrap下jQuery自动完成的样式调整

以上所述是小编给大家介绍的BootStrap下jQuery自动完成的样式调整的相关知识,希望对大家有所帮助!

Javascript 相关文章推荐
JQuery与Ajax调用新浪API获取短网址的代码
Feb 07 Javascript
webapp框架AngularUI的demo改造之路
Dec 21 Javascript
JavaScript数组Array对象增加和删除元素方法总结
Jan 20 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
Sep 11 Javascript
javascript实现input file上传图片预览效果
Dec 31 Javascript
JS实现自动阅读单词(有道单词本添加功能)
Nov 14 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
Aug 15 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
JQuery 又谈ajax局部刷新
Nov 27 jQuery
微信小程序常见页面跳转操作简单示例
May 01 Javascript
JS实现纵向轮播图(初级版)
Jan 18 Javascript
JavaScript常用判断写法大全(推荐)
May 30 #Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
May 30 #Javascript
基于Angularjs实现分页功能
May 30 #Javascript
AngularJs实现分页功能不带省略号的代码
May 30 #Javascript
JS组件Bootstrap Select2使用方法解析
May 30 #Javascript
AngularJs表单验证实例详解
May 30 #Javascript
基于Bootstrap+jQuery.validate实现表单验证
May 30 #Javascript
You might like
盘点被央视点名过的日本动画电影 一部比一部强
2020/03/08 日漫
利用discuz实现PHP大文件上传应用实例代码
2008/11/14 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
PHP查询网站的PR值
2013/10/30 PHP
探寻PHP脚本不报错的原因
2014/06/12 PHP
php中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
php简单实现快速排序的方法
2015/04/04 PHP
js中call与apply的用法小结
2013/12/28 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
2015/04/06 Javascript
jQuery插件scroll实现无缝滚动效果
2015/04/27 Javascript
JavaScript中的parse()方法使用简介
2015/06/12 Javascript
bootstrap日历插件datetimepicker使用方法
2016/12/14 Javascript
jQuery仿IOS弹出框插件
2017/02/18 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
Vue分页器实现原理详解
2019/06/28 Javascript
深入了解Hybrid App技术的相关知识
2019/07/17 Javascript
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
Python实现的弹球小游戏示例
2017/08/01 Python
Python序列化基础知识(json/pickle)
2017/10/19 Python
Python设计模式之观察者模式简单示例
2018/01/10 Python
python实现简单登陆系统
2018/10/18 Python
浅谈python写入大量文件的问题
2018/11/09 Python
浅谈Python采集网页时正则表达式匹配换行符的问题
2018/12/20 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
opencv 图像礼帽和图像黑帽的实现
2020/07/07 Python
python利用opencv保存、播放视频
2020/11/02 Python
限量版运动鞋和街头服饰:TheDrop
2020/09/06 全球购物
写好自荐信的几个要点
2013/12/26 职场文书
环保倡议书
2014/04/14 职场文书
作弊检讨书
2015/01/27 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
2015年中秋晚会主持词
2015/07/01 职场文书
python爬虫--selenium模块
2021/03/31 Python
提升Nginx性能的一些建议
2021/03/31 Servers
浅谈Python基础之列表那些事儿
2021/05/11 Python