Select2在Bootstrap 3 Modal框中不能搜索的解决方法

上次修改的bug中还有个小问题,其实我是知道的,哈哈,硬是把bug给关闭了,趁着今天有时间,偷偷把那个问题解决一下,不然测试找上门就不太好了。

问题是这样的:我们点击某某按钮,弹出的Modal框,modal框中有个带搜索框的下拉框,但是这个搜索框获取不到焦点,你懂的,就是无法选中的意思,请看图:

百思不得其姐啊,明明是copy的代码,为什么会不行呢,区别在于一个是跳转到另一个页面,一个是弹出modal框,我丢,去检查了几下js代码,发现一点问题也没有,这应该是所有程序员的迷之自信,啧啧~~

最后发现是bootstrap的问题,怎么知道原因的这里就不说出来了,后端的来玩前端的总会有点蛋疼,既然知道问题的来源,就开始拿起四十米的大长刀,开干

找到modal所在的div, 把tabindex="-1"去掉,重启一下你的web应该就可以了,完了吗?还差点,想了想还是给个截图吧~~

最后,告诉大家解决问题的思路是这样的:

ctrl+shift+r直接搜索tabindex="-1",找到对应的文件,直接去掉,就完了

去掉之后,效果如下图:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值