在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入.
解决方法:
1.
把页面中的 tabindex="-1"
删掉(测试成功):
Panel
Panel
可以在onshown方法里面做处理,主要原理就是因为bootstrap的
tabindex='-1'
,占用了select2的tabindex='0'
,脚本做处理 模态框显示出来后,将模态框的tabindex属性删掉BootstrapDialog.show({ onshown: function (dialogRef) { $("#"+dialogRef.getId()).removeAttr("tabindex"); } })2.
重写enforceFocus方法(测试发现没有效果):
$.fn.modal.Constructor.prototype.enforceFocus = function() {};总结
以上所述是小编给大家介绍的BootStrap模态框和select2合用时input无法获取焦点的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
写下你的评论吧 !推荐阅读
本文汇集了一系列具有强烈设计感的网站模板,特别是来自知名平台WrapBootstrap的响应式网站模板。这些模板不仅美观,而且功能强大,适合各种类型的网站建设需求。 ... [详细]蜡笔小新 2024-12-20 20:50:19 本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理,包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文,您将了解如何高效地管理和引用静态资源。 ... [详细]蜡笔小新 2024-12-20 20:02:31 在使用 Spring Cloud Config 作为配置中心时,若在配置文件中指定了请求路径但未能生效,本文将探讨其原因及解决方案。 ... [详细]蜡笔小新 2024-12-15 13:22:47 修复了Datepicker组件中,当字段值默认为null时,输入验证器直到选择日期后才被调用的问题。 ... [详细]蜡笔小新 2024-12-15 10:40:38 1.Static静态布局固定宽高:2.Liquid流式布局宽高用百分比,按屏幕分辨率调整,布局不发生变化3.Adaptive自适应 ... [详细]蜡笔小新 2024-12-14 10:35:02 本文深入探讨了PHP编程语言中静态类与静态变量的具体应用及其差异性,旨在帮助开发者更好地理解和运用这些概念,以提升代码质量和效率。 ... [详细]蜡笔小新 2024-12-13 16:35:20 本文探讨了在使用Webpack构建前端项目时的一些实用技巧,包括如何高效地使用移动端UI框架Mint UI和MUI,以及如何优化项目性能和用户体验。 ... [详细]蜡笔小新 2024-12-13 16:21:04 本文探讨了在PHP开发过程中遇到的时间获取错误问题,并提供了详细的解决方案,包括通过修改配置文件和编程方法来调整时区设置。 ... [详细]蜡笔小新 2024-12-13 15:33:22 本文详细介绍了如何安装和配置 Consul 以支持服务注册与发现、健康检查等功能,包括单节点和集群环境的搭建步骤。 ... [详细]蜡笔小新 2024-12-13 09:10:57 本文详细介绍了如何利用Bootstrap框架构建一个具有渐变效果的固定顶部响应式导航栏,包括HTML结构、CSS样式以及JavaScript交互的完整实现过程。适合前端开发者和学习者参考。 ... [详细]蜡笔小新 2024-12-12 18:04:25 本文详细探讨了Java虚拟机(JVM)中类加载器的工作原理,特别是如何通过类的全限定名从外部源获取二进制字节流,以及不同类型的类加载器及其在双亲委派模型中的角色。 ... [详细]蜡笔小新 2024-12-12 13:15:46 本文旨在深入探讨Java虚拟机(JVM)中的类加载子系统,包括其基本结构、类加载器的工作原理、类的加载过程以及双亲委派机制。通过对这些关键点的详细分析,帮助读者更好地理解和掌握JVM的核心机制。 ... [详细]蜡笔小新 2024-12-12 12:59:12 本文介绍了如何在Angular CLI创建的项目中安装并配置Bootstrap,包括必要的依赖项jQuery和Popper.js的安装步骤。 ... [详细]蜡笔小新 2024-12-11 16:29:15 松原电信曹玉威_203这个家伙很懒,什么也没留下!Tags | 热门标签RankList | 热门文章
- 1Vue cli2.0 项目中使用Monaco Editor编辑器
- 2.babelrc参数小解
- 3cmake caffe the error happen undefined referen to cv::VideoCapture
- 4Node.js详细安装及环境配置
- 5震惊,正儿八经的网页居然在手机上这样显示!
- 6MySQL和PostgreSQL隔离级别实现差异
- 7关于自定义View导致的问题
- 8MySQL修改表结构操作命令总结【MySQL】
- 9html5 localStorage的读取
- 10hexo生成的静态页本地打开css引用不到?
- 11技术周报 · 20210507
- 12jquery必须要用formdata上传图片吗?直接字面量一个对象里面键值对传input对象.files不行吗?
- 13类声明 超前引用 的一个未定义的问题
- 14com.amazonaws.services.autoscaling.AmazonAutoScaling.describeAutoScalingGroups()方法的使用及代码示例
- 15针对供水系统的网络攻击
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有