bootstarp模态框再嵌一个模态框 (layer) ，最上层的模态框中的input失效的问题

最新推荐文章于 2021-12-12 20:53:26 发布
最新推荐文章于 2021-12-12 20:53:26 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： Jquery
原

bootstarp模态框再嵌一个模态框，最上层的模态框中的input失效的问题

2016年12月22日 17:36:14 阅读数：1135

解决办法原理：两个模态框出来被锁死了，导致于在第二层模态框中input无法获取焦点

萝卜芹菜芽
关注
专栏目录
前端200道面试题及答案（更新中）
m0_65450343的博客
06-11 11万+
目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
前端2020面试题195道
weijieyuhyt的博客
01-13 1万+
HTML5面试题 一、 Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? <!DOCTYPE> 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法， 混杂模式...
Bootstrap弹出层model上嵌套的弹出层中input输入框无法输入问题解决方案
Flowering_Vivian的博客
09-23 993
做项目过程中，在model弹出层上面又自定义了一个弹出层，自定义弹出层上面有input输入框，但是却获取不了焦点，无法输入。 原因：Bootstrap框架目前只支持一层model层，即当前model层上无法再用model弹出层。 解决方案：将Bootstrap弹出层最外层div的 tabindex属性去掉即可（如下面的代码示例，将tabindex这个属性去掉，不要改变其属性值，改变属性值是没用的） <div class="modal fade" id="template-modal" tabindex
bootstrap的modal模态框导致input输入框无法输入的问题
ahook的专栏
11-12 2228
先说解决方法： 只要将模态框最外层DIV的tabindex="-1"的参数去掉即可。 情形： 当模态框开启时，在模态框外面的input文本框无法输入。 原因： 可能是bootstrap对模态框进行了某种设置导致，具体原因待查。 实例如下： <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 开启模态框 </button> <!--模
bootstrap 模态框中弹出层 input不能获得焦点且不可编辑
MR_SNAIL的博客
09-11 3466
bootstrap 模态框中弹出层 input不能获得焦点且不可编辑问题描述：bs框架支持一层model层的情况下，在模态框中弹出了自定义的弹出层。发现自定义弹出层的输入框不能获得焦点且不可编辑。解决方法：去除模态框中的”tabindex“属性。<div class="modal fade" tabindex="-1" role="dialog" id="myModal" data-backdrop
Bootstrap 弹出框modal上层的输入框不能获得焦点问题
天马3798
08-25 1万+
1.在使用Bootstrap框架中目前modal弹出框只支持一层， 即在当前弹出框上不能再使用modal弹出框。 如果使用自定义的弹出框，例如：http://my.oschina.net/tianma3798/blog/737232 如果自定义弹出框中有input输入框，如果input 输入框不能获得焦点，则可能原因如下： 许多使用定义弹出层
bootstarp模态框再嵌一个模态框，最上层的模态框中的input失效的问题
mao_mao_xiao的博客
12-22 2648
问题再讲解
Web前端面试题整合，持续更新【可以收藏】
jason的java世界
12-12 1527
css相关、JS相关、浏览器网络相关、vue相关、react相关、移动端相关、插件及工具相关、前端性能优化、原生通信、算法相关、node相关、计算机基础
java理论
fanfan12138的博客
05-21 1529
目录 目录…1 JVM…19 2.1. 线程 …20 2.2. JVM 内存区域 …21 2.2.1. 程序计数器(线程私有)…22 2.2.2. 虚拟机栈(线程私有)…22 2.2.3. 本地方法区(线程私有)…23 2.2.4. 堆（Heap-线程共享）-运行时数据区 …23 2.2.5. 方法区/永久代（线程共享） …23 2.3. JVM 运行时内存 …24 2.3.1. 新生代 …24 2.3.1.1. Eden 区…24 2.3.1.2. ServivorFrom…24 2.3.1.3. Se.
面试题总汇
wx25051的博客
11-03 3931
一. FTP/TFTP/NFS 1.FTP的传输模式：ASCII传输模式和二进制传输模式。 ASCII传输模式： 假定用户正在拷贝的文件包含的简单ASCII码文本，如果在远程机器上运行的不是UNIX，当文件传输时ftp通常会自 动地调整文件的内容以便于把文件解释成另外那台计算机存储文本文件的格式。但是常常有这样的情况，用户正在传输的文件包含的不是 文本文件，它们可能是程序，数据库，字处理文件或者压缩文件（尽管字处理文件包含的大部分是文本，其中也包含有指示页尺寸，字库 等信息的非打印符）。在拷贝任何非文本文
modal中的input输入框自动获取焦点的问题
热门推荐
赵又又的博客
07-24 2万+
在开发项目的过程中，有个需求是这样的，点击按钮，弹出一个modal框，要求modal框里的input自动获取焦点。 input输入框单纯的自动获取焦点是很简单的，只需要一个属性autofocus="autofocus"就够了。然而，这个属性触发的时机是页面刚加载的时候，需求是每次弹出modal都需要自动获取焦点。 此时又想到了另一种方法--给input设置ref属性。具体方法是这个样子的 ：给...
layer 模态窗口基本问题
mchgogo的博客
03-25 5812
Bootstap插件里面的  layer，里面有好多基础的参数，供大家进行参考、  感觉挺好有的 可以以下地址的 layer.api 进行学 网址如下：http://layer.layui.com/api.html#type layer.oper({    type:2,     title:'"test",   area: ['800px', '600px'],  c
Bootstrap弹出层model上自定义的弹出层中input输入框失效, 无法输入
自由的刺猬
01-20 7143
做项目过程中，在model弹出层上面又自定义了一个弹出层，自定义弹出层上面有input输入框，但是却获取不了焦点，无法输入。网上找了下原因，这样说的：Bootstrap框架目前只支持一层model层，即当前model层上无法再用model弹出层。  于是我项目中的第二个弹出层用的是自定义的，但是输入框却获取不了焦点，无法输入。最后找到了解决方案，将弹出层  最外层div的 tabindex属性去掉
Bootstrap弹出层model上自定义的弹出层中textarea,input输入框失效, 无法输入
haogemr的博客
08-26 1098
在model弹出层上面又自定义了一个弹出层，自定义弹出层上面有input输入框，但是却获取不了焦点，无法输入。 原因是：Bootstrap框架目前只支持一层model层，即当前model层上无法再用model弹出层。 解决方案：将弹出层 最外层div的 tabindex属性去掉即可（如下面的代码示例，将tabindex这个属性去掉，不要改变其属性值，改变属性值是没用的） <div clas...
bootstrap modal 添加input Firefox报错
码农一个
03-27 923
<div id="myModal" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <button type="button" class="close" data-dismiss="modal" aria-hidden="tr
在BootStarp模态框中是用百度WebUploader失效问题
zlt尼玛银行
10-13 1743
Bootstrap 的模态框类提供了一些事件用于监听并执行你自己的代码。 事件类型 描述 show.bs.modal show 方法调用之后立即触发该事件。如果是通过点击某个作为触发器的 元素，则此元素可以通过事件的relatedTarget 属性进行访问。 shown.bs.modal 此事件在模态框已经显示出来（并且同时在 CSS 过渡效果完成）之后被触 发。如果是通过点
Bootstrap模态框（Modal）插件详解及基本使用
总结，Bootstrap模态框（Modal）插件是构建交互式网页的一个强大工具，它提供了丰富的API和事件，能够满足各种需求。通过理解和掌握这些知识点，开发者可以轻松地在项目中实现各种弹窗功能，提高用户体验。在实际...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值