Question

我想使用多个宽度均匀的多个选择框。问题是我什么时候

$('#small').uniform({selectClass:'smallSelect'});

$('#big').uniform({selectClass:'bigSelect'});

<select id="small">
<option>test</option>
</select>

<select id="big">
<option>test2</option>
</select>

只有第一个被应用，即bigSelect被忽略。

Answer 1

您可以通过定位直接生成的范围来更改每个选择元素的宽度。该代码使用当前选定的选项创建一个div包装器，其唯一ID为uniform-yourid和子span元素。下面是指定ID的css，您可以添加。

<style type="text/css">
#uniform-small span
{
    width:100px;
    text-align:center;
}
#uniform-big span
{
    width:200px;
    text-align:center;
}
</style>

Answer 2

@evanmcd，我遇到了与您相同的问题，我发现如果您将selectAutoWidth设置为false，则会考虑您的css课程。

$('select').uniform({selectAutoWidth: false});

然后在css中为.selector定义一个样式，这是保存select本身的div的默认cass。

Answer 3

uniform.default.css正在使用image sprite.png作为主题。

在该图像中定义了各种控制的宽度。因此，您无法根据自己的要求更改它们。

是否可以使用不同大小（宽度）的选择框与统一（jquery插件）？

3 个答案: