使用Jquery Ui - 在特定的多选框上设置宽度

Question

我正在使用这样的Jquery UI:

$("#companyType").multiselect({
  multiple: false,
  header: "Type",
  noneSelectedText: "Type",
  selectedList: 1
});
$('.ui-multiselect').css('width', '100px');

我想要做的是只为#companyType div设置.ui-multiselect.像这样的东西:

 $('#companyType.ui-multiselect').css('width', '100px');

有没有办法做到这一点？谢谢!

Answer 1

使用minWidth选项尝试此代码.它是整个小部件的最小宽度(以像素为单位).设置为"auto"将禁用,默认值为:225

$("#companyType").multiselect({
  multiple: false,
  header: "Type",
  noneSelectedText: "Type",
  selectedList: 1
  minWidth:100
});

Answer 2

不确定您使用的是哪个版本,但v1.5包含一个新的"classes"参数,您可以设置该参数来设置multiselect元素的样式.

看看如何使用它:http: //www.erichynds.com/jquery/jquery-ui-multiselect-widget/ 它说

其他类同时适用于按钮和菜单以进一步定制.用空格分隔多个类.您需要确定CSS的范围以区分按钮/菜单:

例

$("#companyType").multiselect({
classes : "myClass"
});

然后在css文件中使用:

/* button */
.ui-multiselect.myClass {}

/* menu */
.ui-multiselect-menu.myClass {}

Answer 3

如果你想为div #companyType中包含的类.ui-multiselect的元素设置特定的css规则,我认为jquery ui对它没有任何影响.试试这个:

$('#companyType .ui-multiselect').css('width', '100px');

这会将width = 100px设置为#companyType中包含类'ui-multiselect'的所有元素