Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/reporting-services/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery select2 选择2下拉菜单自动宽度无法正常工作_Jquery Select2 - Fatal编程技术网

Jquery select2 选择2下拉菜单自动宽度无法正常工作

Jquery select2 选择2下拉菜单自动宽度无法正常工作,jquery-select2,Jquery Select2,我正在使用select2将我的SharePoint搜索页面上的dropdownautowidth设置为true,它第一次在页面加载时工作得非常好。在我搜索了一些关键字之后,页面加载了搜索结果,然后dropdownautowidth不知何故没有设置为true。我使用的是$('#ddlcontegory')。选择2({dropdownAutoWidth:true})我的文档上的语句。就绪函数 非常感谢您的帮助。您需要引用它,例如: $('#ddlCategory').select2({dropdow

我正在使用select2将我的SharePoint搜索页面上的
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'