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获取当前屏幕的高度宽度的实现代码
Jul 12 Javascript
jquery插件制作 自增长输入框实现代码
Aug 17 jQuery
jquery获得同源iframe内body下标签的值的方法
Sep 25 Javascript
JavaScript事件处理的方式(三种)
Apr 26 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
Oct 18 Javascript
第一次接触Bootstrap框架
Oct 24 Javascript
VUE元素的隐藏和显示(v-show指令)
Jun 23 Javascript
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
微信公众平台 发送模板消息(Java接口开发)
Apr 17 Javascript
详解webpack的clean-webpack-plugin插件报错
Oct 16 Javascript
js实现磁性吸附的示例
Oct 26 Javascript
jQuery+ajax实现文件上传功能
Dec 22 jQuery
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
php动态添加url查询参数的方法
2015/04/14 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
thinkphp Apache配置重启Apache1 restart 出错解决办法
2017/02/15 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
Javascript客户端将指定区域导出到Word、Excel的代码
2008/10/22 Javascript
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
js控制淡入淡出示例代码
2013/11/12 Javascript
jquery预览图片实现鼠标放上去显示实际大小
2014/01/16 Javascript
NodeJs基本语法和类型
2015/02/13 NodeJs
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
2015/03/12 Javascript
Node.js 条形码识别程序构建思路详解
2016/02/14 Javascript
深入理解JS中的substr和substring
2016/04/26 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
jQuery树控件zTree使用方法详解(一)
2017/02/28 Javascript
vue watch自动检测数据变化实时渲染的方法
2018/01/16 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
2019/04/10 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
JavaScript中的几种继承方法示例
2020/12/06 Javascript
[01:43]3.19DOTA2发布会 三代刀塔人第三代
2014/03/25 DOTA
[01:16:28]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第二场 2月23日
2021/03/11 DOTA
python生成圆形图片的方法
2020/03/25 Python
详解Python字典小结
2018/10/20 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
TensorFlow——Checkpoint为模型添加检查点的实例
2020/01/21 Python
Python检测端口IP字符串是否合法
2020/06/05 Python
python批量合成bilibili的m4s缓存文件为MP4格式 ver2.5
2020/12/01 Python
CSS实现聊天气泡效果
2020/04/26 HTML / CSS
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
拖鞋店创业计划书
2014/01/15 职场文书
先进德育工作者事迹材料
2014/01/24 职场文书
文明青少年标兵事迹材料
2014/01/28 职场文书
股东授权委托书范文
2014/09/13 职场文书
旅行社计调工作总结
2015/08/12 职场文书
Python编程编写完善的命令行工具
2021/09/15 Python