做项目过程中,在model弹出层上面又自定义了一个弹出层,自定义弹出层上面有input输入框,但是却获取不了焦点,无法输入。
原因:Bootstrap框架目前只支持一层model层,即当前model层上无法再用model弹出层。
解决方案:将Bootstrap弹出层最外层div的 tabindex属性去掉即可(如下面的代码示例,将tabindex这个属性去掉,不要改变其属性值,改变属性值是没用的)
<div class="modal fade" id="template-modal" tabindex="-1" role="dialog" aria-hidden="true">