Bootstrap弹出层model上自定义的弹出层中textarea,input输入框失效, 无法输入

在model弹出层上面又自定义了一个弹出层,自定义弹出层上面有input输入框,但是却获取不了焦点,无法输入。
原因是:Bootstrap框架目前只支持一层model层,即当前model层上无法再用model弹出层。
解决方案:将弹出层 最外层div的 tabindex属性去掉即可(如下面的代码示例,将tabindex这个属性去掉,不要改变其属性值,改变属性值是没用的)

<div class="modal fade" id="template-modal" tabindex="-1" role="dialog" aria-hidden="true">

猜你喜欢

转载自blog.csdn.net/document_dom/article/details/100073191