码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-07-19 19:24:00      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

在bootstrap的模态框里使用select2插件,会导致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">
<div id="myModal" class="modal hide fade" 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模态框和select2合用时input无法获取焦点

标签:

原文地址:http://www.cnblogs.com/liulangmao/p/4658986.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!