当前位置: 开发笔记 > 前端 > 正文

Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法

作者：小美女金猪宝宝 | 来源：互联网 | 2022-10-12 16:59

这篇文章主要介绍了Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

Bootstrap 弹出框modal上层的输入框不能获得焦点问题，具体内容如下

1.在使用Bootstrap框架中目前modal弹出框只支持一层

即在当前弹出框上不能再使用modal弹出框。
如果使用自定义的弹出框，例如：http://my.oschina.net/tianma3798/blog/737232
如果自定义弹出框中有input输入框，如果input 输入框不能获得焦点，则可能原因如下：
许多使用定义弹出层

 
  
   
   
    
   添加学校 
   
   
    
    
    
    学校名称： 
     
     
     
     名称是必须的 
     最小长度3 
     最大长度30 
     
     
    
 
    
    学校官网： 
     
     
     
     姓名是必须的 
     链接格式不正确 
     
     
    
 
    
    建校时间： 
     
     
     
     姓名是必须的 
     请输入数字（年份） 
     
     
    
    
    入学时间：

解决方式是去掉 tabindex="0" 属性，然后就可以获得焦点了

bootstrap

推荐阅读

bootstrap
java命令运行

Java在运行已编译完成的类时，是通过java虚拟机来装载和执行的，java虚拟机通过操作系统命令JAVA_HOMEbinjava–option来启 ... [详细]

蜡笔小新 2023-12-12 19:26:55
jquery
前端人员必须知道的三个问题及其发展阶段

本文介绍了前端人员必须知道的三个问题，即前端都做哪些事、前端都需要哪些技术，以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外，还介绍了一些后端服务，如Node.js。 ... [详细]

蜡笔小新 2023-12-12 12:45:59
js
bootstrapselect设置container之后，选择完之后options不隐藏？

本文讨论了使用bootstrapselect插件设置container后，选择完选项后options不隐藏的问题，给出了解决方法，并提供了相应的jsfiddle链接进行演示。 ... [详细]

蜡笔小新 2023-12-09 17:18:48
build
org.gwtbootstrap3.client.ui.Icon.addDomHandler()方法的使用及代码示例

本文整理了Java中org.gwtbootstrap3.client.ui.Icon.addDomHandler()方法的一些代码示例，展示了Icon.ad ... [详细]

蜡笔小新 2023-10-17 22:46:43
js
bootstrap模态框动态赋值， ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框（JS）...

查询单个functionquery(id){$.ajax({url:smallproductServlet,async:true,type:POST,data:{typ ... [详细]

蜡笔小新 2023-10-17 19:40:17
build
Shell脚本自动发布springboot到docker容器中

1.脚本功能1）自动替换jar包中的配置文件。2）自动备份老版本的Jar包3）自动判断是初次启动还是更新服务2.脚本准备进入ho ... [详细]

蜡笔小新 2023-10-17 19:08:29
html
javascript – RTL布局中的bootstrap datepicker无法正常工作

RTL布局中的bootstrapdatepicker工作不正常,我正在使用这个bootstrapdatepickerhttp:bootstrap-datepicker.readth ... [详细]

蜡笔小新 2023-10-17 18:57:35
html
初识java关于JDK、JRE、JVM 了解一下

初识java关于JDK、JRE、JVM 了解一下 ... [详细]

蜡笔小新 2023-10-17 17:17:17
正则
PRML读书会第十四章 Combining Models（committees，Boosting，AdaBoost，决策树，条件混合模型）...

主讲人网神（新浪微博:豆角茄子麻酱凉面）网神(66707180)18:57:18大家好，今天我们讲一下第14章combiningmodel ... [详细]

蜡笔小新 2023-10-17 17:04:24
正则
Elastic Search 7.0 添加数据提示提示503错误

ElasticSearch成功安装完毕。测试数据添加出现{ error:{ root_cause ... [详细]

蜡笔小新 2023-10-17 15:46:32
css
基于SpringBoot打造在线教育系统（6）– 二级分类模块UI篇

这一节来做二级分类，为了快速开发，一级分类只做新增，暂时不考虑修改和删除，如果一定要删，就去数据库删吧。我们接下来，需要通过一级分类，获取所有的二级分类。开始 ... [详细]

蜡笔小新 2023-10-17 15:30:11
css
宋宝华：用systemd-nspawn运行最轻量级容器

systemd-nspawn可以创建最轻量级的容器（ns的意思就是namespace），本文的实验平台是Ubuntu16.04，x86_64机器。本文的目的是：在Ubuntu中用syst ... [详细]

蜡笔小新 2023-10-17 14:49:15
js
【珍藏】2019年最新Vue相干佳构开源项目库汇总

媒介本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时候为2017年6月12日，许多内容早已逾期或是许多近期优异组件未被收录，所以小肆 ... [详细]

蜡笔小新 2023-10-17 14:33:46
css
ipad可以开发python_这15个应用,程序员用iPad照样可以编程!

1、DashAPI文档Dash是一个API文档浏览器，使用户可以使用离线功能即时搜索无数API。程序员使用Dash可访问iOS，MacOS， ... [详细]

蜡笔小新 2023-10-17 10:15:42
html
Bootstrap3 排版缩略语

Bootstrap3 排版缩略语 ... [详细]

蜡笔小新 2023-10-17 09:02:39

小美女金猪宝宝

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章