jquery-multiselect下拉列表显示在bootsrtap模态框下层的bug修复
来源:互联网 发布:可靠的网络兼职工作 编辑:程序博客网 时间:2024/06/14 17:39
在bootsrtap模态框中使用jquery的multiselect控件出现下拉列表位于模态框下层的问题解决
做项目时遇到了这个问题,也从网上查找了类似的问题,有些人遇到的是bootstrap-datepicker.js日期控件显示在下层,其实道理是一样的,在控件显示的时候,会使用js生成下面的列表或日期选择框,我们需要修改生成的控件的class属性,以我遇到的multiselect为例:
在multiselect的css中,有如下class属性:
将这里的z-index属性改成99999999,z-index 属性是设置元素的堆叠顺序的。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。因为本来multiselect的z-index比bootsrtap模态框的z-index要小,所以无法显示在模态框上层,这里修改之后,就可以解决这个bug。其他控件的这种情况以此为例修改。
阅读全文
0 0
- jquery-multiselect下拉列表显示在bootsrtap模态框下层的bug修复
- bootstrap-multiselect下拉列表
- Jquery 多选下拉列表插件jquery multiselect
- 在jquery中用下拉框列表显示默认的值
- jquery multiselect 下拉多选
- Jquery实现下拉多选框multiSelect
- jquery multiselect, 多选下拉框的使用
- jquery multiselect插件实现下拉多选选框的效果
- 下拉框多选实现 jquery-multiselect 并获取选中的值
- jQuery多选下拉框 multiselect 的使用
- 修复jQuery Autocomplete在FF中不支持中文的BUG
- 修复jQuery UI Autocomplete在firefox不支持中文的BUG
- 修复jQuery Autocomplete在FF中不支持中文的BUG
- 使用jQuery+ajax实现级下拉列表的级联显示
- jquery multiSelect 多选下拉框
- jquery multiSelect 多选下拉框代码
- jquery multiSelect多选下拉操作
- jquery multiselect下拉复选框应用
- Android模拟器使用桥接方式连接网络
- 使用sklearn做单机特征工程
- python3 -- subprocess,excel读写库实践整理
- hdu 4474 dfs+减枝
- struts2--动态方法调用的三种方式
- jquery-multiselect下拉列表显示在bootsrtap模态框下层的bug修复
- tensorflow基础使用1
- 树莓派-超声波测距(HC-SR04)的使用
- cairosvg依赖
- 卷积的各种形式
- 测试题锦集
- Ubuntu16.06安装Thrift0.10
- 并发
- mac 安装nodejs 与 npm