博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
select2和bootstrap模态框使用时出现的bug以及解决方案
阅读量:6337 次
发布时间:2019-06-22

本文共 564 字,大约阅读时间需要 1 分钟。

hot3.png

select2 官网

bootstrap 中模态框兼容问题: 无法显示,搜索框无法输入内容(ie)

1、设置select的z-index要大于模态框(1050) /防止select2不会自动失去焦点/

.select2-container {      z-index: 16000 !important;  }  .select2-drop-mask {      z-index: 15990 !important;  }  .select2-drop-active {      z-index: 15995 !important;  }

2、去掉模态框的tabindex="-1" 3、绑定select2的时候,指定其父元素

dropdownParent: $("#myModal"),

tip: 1、去掉搜索框 minimumResultsForSearch: -1

2、改变select的值时,注意手动触发change事件 $("#select2-id").val('value').trigger("change");

3、移出select2

$("#select2-id").select2("destroy")

转载于:https://my.oschina.net/u/3407699/blog/1920969

你可能感兴趣的文章
客户端收发邮件报错:-ERR connection refused
查看>>
U盘病毒原理分析和解决方法
查看>>
谈谈系统架构这个东西
查看>>
thunderbird 导入通讯录乱码问题解决
查看>>
使用LVS+Keepalived实现Mysql的 负载均衡Web集群系统
查看>>
[.Net线程处理系列]专题四:线程同步
查看>>
lync Topology内Replication显示红X
查看>>
yum安装crontab
查看>>
取消列隐藏
查看>>
JVM初探- 内存分配、GC原理与垃圾收集器
查看>>
Ruby和SHELL中如何遍历指定目录的文件
查看>>
LevelDB
查看>>
CentOS7下安装mysql5.6修改字符集为utf8并开放端口允许远程访问
查看>>
初尝Mcafee之在ePO中进行策略和客户端任务设置【06】
查看>>
通过案例学调优之--和 BUFFER CACHE 相关的主要 Latch
查看>>
网络开发工具应用客户端下载Dreamweaver8在Windows XP中安装详解与步骤
查看>>
事务回滚后,自增ID仍然增加。
查看>>
sql2000数据库维护计划器
查看>>
IO Foundation 3 -文件解析器 FileParser
查看>>
查询MY SQL数据库IO,查询等各种指标
查看>>