javascript - 如果选择被隐藏,Select2 无法正确计算 `resolved` 宽度

标签 javascript jquery css twitter-bootstrap jquery-select2

我正在使用 Twitter Bootstrap 和 the fantastic Select2 plugin .

这些工作很好,我意识到你需要在启动 Select2 时设置 {width: 'resolve'} 否则它看起来一团糟!

但是我的其中一个选择有问题,如下图所示,Referee Type 选择的宽度不正确。

这是由于该字段最初是隐藏的,只有在 Group 字段中选择了 Referee 时才会显示。

那么,我该如何解决这个问题呢?

Inputs

最佳答案

Select 2只要你在 select 中设置它就足够聪明重新计算它的大小标签。像这样:

<select style="width: 100%"></select>

类的 CSS 格式设置不起作用!

在“Responsive design - Percent width”中阅读更多内容

关于javascript - 如果选择被隐藏,Select2 无法正确计算 `resolved` 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14313001/

相关文章:

javascript - 单击另一个元素时无法隐藏其他元素

css - 外部样式不会覆盖 Shadow DOM 样式

javascript - $scope Angular 问题

javascript - JavaScript 中的 == 对于相同条件返回不同的结果

javascript - 将十六进制字符串转换为十六进制类型

javascript - 在 jQuery 中从对象数组中取出一个项目

javascript - 为什么悬停时背景图像有时不显示

javascript - 如何在vuejs中的表单操作url中传递变量

php - 将 php 语法与 ajax 结合起来

html - 表格与 Div 对齐