jquery-multiselect下拉列表显示在bootsrtap模态框下层的bug修复
2017-09-16 10:53
459 查看
在bootsrtap模态框中使用jquery的multiselect控件出现下拉列表位于模态框下层的问题解决
做项目时遇到了这个问题,也从网上查找了类似的问题,有些人遇到的是bootstrap-datepicker.js日期控件显示在下层,其实道理是一样的,在控件显示的时候,会使用js生成下面的列表或日期选择框,我们需要修改生成的控件的class属性,以我遇到的multiselect为例:在multiselect的css中,有如下class属性:
将这里的z-index属性改成99999999,z-index 属性是设置元素的堆叠顺序的。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。因为本来multiselect的z-index比bootsrtap模态框的z-index要小,所以无法显示在模态框上层,这里修改之后,就可以解决这个bug。其他控件的这种情况以此为例修改。
相关文章推荐
- jquery-ajax请求后台数据转换json显示在select下拉列表
- jQuery实现动态显示select下拉列表数据的方法
- jquery-ajax请求后台数据转换json显示在select下拉列表
- Jquery多选下拉列表插件jquery multiselect功能介绍及使用
- Jquery多选下拉列表插件jquery multiselect功能介绍及使用
- Jquery 多选下拉列表插件jquery multiselect
- jquery-ajax请求后台数据转换json显示在select下拉列表&&jquery获取下拉列表的值和显示内容的方法
- jquery multiSelect 多选下拉框
- jquery multiSelect 多选下拉框代码
- 【整理】js和jquery操作select下拉列表
- jquery中下拉多选插件jquery.multiSelect的使用
- 基于jquery的用dl模拟实现可自定义样式的SELECT下拉列表(已封装)
- JQuery实现Select下拉列表进行状态选择功能
- JQuery实现鼠标滑过显示导航下拉列表
- 请问用过jquery multiselect的人有没有人懂得如在控件加载的时候如何让他显示出已经选择的项目
- jquery multiSelect 多选下拉框
- Jquery 给select 创建下拉列表
- 【JavaScript】下拉列表select中在value传递多个值,取出其option显示值,并应用此作为导航
- jquery如何书写一个根据下拉选择列表的选择值 控制其他标签时候显示的功能
- Jquery 操作下拉列表select的值,文本,索引等