用bootstrap的时候不能获取text的焦点!_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 09:24:28
Original
952 people have browsed it

http://pan.baidu.com/share/link?shareid=2370374828&uk=2687476845
我用bootstrap做模态对话框的时候,调用了2次对话框,即调用一个对话框以后,在这个对话框中再一次调用了一次模态对话框!但是其中出现了一些问题,就是第二次的模态对话框的文本框获取不到焦点!
文档我已经放在网盘,直接下解压就可以用!就是第二次的对话框中文本框不能获取焦点,但是复选框和单选框都是有用的!我知道是tabindex="-1"这个属性的问题!但是有没有人能解释这是为什么呀?为什么加了这个属性以后第二个对话框的文本框就不能获取焦点,但是其他的复选框,单选框能获取焦点?
  希望哪位大神能后,下载下来运行一下,这是为什么?
  如果不方便下载的话,那我这里把html的代码贴出来,但是bootstraps需要自己去下!html的代码如下

<html><meta charset="UTF-8"><head>	<link rel="stylesheet" href="bootstrap.min.css">	</head>	<body><div class="modal hide fade" tabindex="-1"  id="first">  <div class="modal-body">  	<input type="text">    <button type="button" data-toggle="modal" data-target="#second">跳出第二个对话框</button>  </div></div><div id="second" class="modal hide fade"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  <div class="modal-body">    文本框<input type="text">   复选框 <input type="checkbox">    单选框 <input type="radio">  </div></div><button type="button" data-toggle="modal" data-target="#first">跳出第一个对话框</button><script src="http://code.jquery.com/jquery.js"></script>    <script src="bootstrap.min.js"></script>	</body></html>
Copy after login

跪谢


回复讨论(解决方案)

好像是焦点死循环了

这应该算是 bootstrap的BUG吧,我加了多对话框焦点管理   下载

焦点死循环,只要按照你自己说的tabindex="-1",去掉这个就OK了!关于焦点死循环你可以查阅相关的只是来了解下!

楼主解决了吗,告知下,我也是遇到这问题拉,

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template