Select2设置tags:true后不能输入的问题

参考:http://www.zz189.com/584.html
页面初始化select2 设置tags:true 开启可输入模式
在这里插入图片描述
但是出现了输入框不能输入问题
在这里插入图片描述
取消重新进入后便可以输入
在这里插入图片描述
搜索后在js中添加
$.fn.modal.Constructor.prototype.enforceFocus = function() {};(此方法在项目其他页面生效并解决了问题)
没有解决问题
本功能是分三层页面,模态框弹模态框,再仔细检查后发现第一个页面的modal中添加了tabindex="-1"
在这里插入图片描述
第三个界面需要用到select2
而第二个页面的modal中没有添加,从而导致第一次进入无法输入的问题(第一个界面->第二个界面->第三个界面)
而重新进入(第二个界面->第三个界面)却能够输入的问题

总结:select2无法输入解决方案
1.model中是否添加了 tabindex="-1" 如果有需删除

2.js加入 $.fn.modal.Constructor.prototype.enforceFocus = function() {};

拓展:
tabindex="-1":tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序,若把tabIndex属性设为一个负值(如tabIndex="-1"),那么这个链接将被排除在TAB键的序列之外。

你可能感兴趣的:(select2)