首页 > 其他 > 详细

bootstrap模态框modal和select2合用时input无法获取焦点

时间:2020-08-14 14:25:26      阅读:49      评论:0      收藏:0      [点我收藏+]

场景:bootstrap模态框modal和select2合用时input无法获取焦点,导致输入法一直闪动,不能输入中文

解决办法: 
1、把页面中的 tabindex=”-1” 删掉;

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Panel</h3>
  </div>
<div class="modal-body" style="max-height: 800px">

 

 

2、重写enforceFocus方法:

$.fn.modal.Constructor.prototype.enforceFocus = function() {};

 

bootstrap模态框modal和select2合用时input无法获取焦点

原文:https://www.cnblogs.com/cherylgi/p/13501872.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!