Jquery select2 选择2下拉菜单自动宽度无法正常工作
我正在使用select2将我的SharePoint搜索页面上的Jquery select2 选择2下拉菜单自动宽度无法正常工作,jquery-select2,Jquery Select2,我正在使用select2将我的SharePoint搜索页面上的dropdownautowidth设置为true,它第一次在页面加载时工作得非常好。在我搜索了一些关键字之后,页面加载了搜索结果,然后dropdownautowidth不知何故没有设置为true。我使用的是$('#ddlcontegory')。选择2({dropdownAutoWidth:true})我的文档上的语句。就绪函数 非常感谢您的帮助。您需要引用它,例如: $('#ddlCategory').select2({dropdow
dropdownautowidth
设置为true,它第一次在页面加载时工作得非常好。在我搜索了一些关键字之后,页面加载了搜索结果,然后dropdownautowidth不知何故没有设置为true。我使用的是$('#ddlcontegory')。选择2({dropdownAutoWidth:true})代码>我的文档上的语句。就绪
函数
非常感谢您的帮助。您需要引用它,例如:
$('#ddlCategory').select2({dropdownAutoWidth: 'true'});
这对我适用。在选择2 4.0.0中,这对我也不适用。我使用以下解决方法:
$('select').select2();
css:
select + .select2-container {
width: 100% !important;
}
这对我很有用:
$('select').select2({
dropdownAutoWidth : true,
width: 'auto'
})
调整的CSS。从显示:内联块中选择2容器类代码>至<代码>显示:块代码>对我有效。我只是在函数调用中添加了参数width:'auto'
,然后它就可以正常工作了
$('#months').select2({
width: 'auto',
allowClear: false,
height: '100%',
});
添加以下行后,这些选项将:
.select2-icon-result {
display: flex;
flex-flow: row nowrap;
}
对于我的主css文件,解决了“如何在autocomplete.ModelSelect2中应用空白:nowrap”的问题:我在这里尝试了所有解决方案,但有效的是:
width: '100%'
或
向select元素添加一个style属性,其中至少包含width:100%
我也需要“width:'auto'”。谢谢添加“宽度:自动”修复了我在Firefox和IE中注意到的一个bug。谢谢!在我的模板中,有一个边栏可以扩展,所以宽度为:“100%”对我来说很有用。
width: 'style'