解决select2在bootstrap modal中不能正常使用的问题
更新时间：2018年08月09日 15:41:11 作者：webdev_l
今天小编就为大家分享一篇解决select2在bootstrap modal中不能正常使用的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
最近用bootstrap做前端框架，遇到select2单选框在bootstrap modal中不能正常使用，输入框不能获取焦点智能过滤；如下图：
解决方法一：在bootstrap.js的模态框js内加上
$.fn.modal.Constructor.prototype.enforceFocus = function() {};
如图：
第二种情况，网上看到的，不是我的体验：
他是说：由于 select2和bootstrap模态框一起使用导致select2的input获取不到焦点问题
解决办法：是把页面中的模态框的属性 tabindex="-1" 删掉, 或者值改为1
如图：
我这样做了，并没有解决，所以然并卵。。。。。。只是写在这里，担心这样也是一种情况而已！
再次说明：我是第一种方法解决的。
以上这篇解决select2在bootstrap modal中不能正常使用的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了转义字符及URI编码的相关知识，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要为大家详细介绍了JavaScript定时器实现无缝滚动图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
三维模型数据格式种类多样,常见的有DAE、OBJ、STL、3DS MAX、CLM、IFC等数据格式,下面这篇文章主要给大家介绍了关于前端如何使用Cesium加载三维模型的相关资料,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了js实现鼠标划过给div加透明度的方法,涉及javascript动态操作页面元素属性的相关技巧,该方法可兼容火狐与IE浏览器,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了javascript制作的cookie封装及使用指南,需要的朋友可以参考下2015-01-01
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
这篇文章主要介绍了vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
这篇文章主要介绍了JavaScript获取网页中第一个链接ID的方法,涉及javascript中document.links方法的使用,需要的朋友可以参考下2015-04-04
javascript实现选中复选框后相关输入框变灰不可用的方法
这篇文章主要介绍了javascript实现选中复选框后相关输入框变灰不可用的方法,涉及javascript针对页面元素属性的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
select、radio表单回显功能实现避免使用jquery载入赋值
select、radio表单回显避免使用jquery载入赋值，最好的做法是：在jsp页面进行逻辑判断，具体实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
这篇文章主要为大家详细介绍了微信小程序实现拼图小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
最新评论