BootStrap模态框和select2合用时input无法获取焦点的解决方法

前端之家收集整理的这篇文章主要介绍了BootStrap模态框和select2合用时input无法获取焦点的解决方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入.

解决方法:

1.

页面中的 tabindex="-1" 删掉(测试成功):

可以在onshown方法里面做处理,主要原理就是因为bootstrap的tabindex='-1',占用了select2的tabindex='0',脚本做处理 模态框显示出来后,将模态框的tabindex属性删掉

2.

重写enforceFocus方法(测试发现没有效果):

总结

以上所述是小编给大家介绍的BootStrap模态框和select2合用时input无法获取焦点的解决方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/bootstrap/36702.html

猜你在找的Bootstrap相关文章