select2 宽度与其他input框不一致和搜索框无法使用的问题

本文解决Select2插件中常见的两个问题:一是搜索框无法输入,二是宽度不一致。对于输入问题,首先检查modal div中是否存在tabindex='-1'属性,并在JS中加入特定代码;对于宽度问题,通过设置默认宽度为100%解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题1:无法输入搜索

问题2:宽度不能和其他的一致

解决:

这时候select2的搜索框无法输入,一般有两方面的原因
1.检查下modal的div中是否有tabindex=”-1”,这个属性

<div class="modal fade in" id="dialog-new-draft">

2.在js中加入如下:

$.fn.modal.Constructor.prototype.enforceFocus = function () {};
$.fn.select2.defaults.set('width', '100%');

转自:https://my.oschina.net/botkenni/blog/1626964

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值