如何将addClass（'ui-state-error'）添加到使用selectmenu，dropkick和/或选择插件设置样式的<select>？</select>

Question

有一些插件（selectmenu，dropkick，selected，可能还有更多）可以将标签组合框变成更漂亮，风格更实用的版本。

我想用ui-state-error样式设置扩展标签的样式。这偶尔会有效，但大部分时间都没有：

$('select').selectmenu().addClass('ui-state-error');

即使它有效，removeClass（'ui-state-error'）也不起作用。

那么，addClass（'ui-state-error'）到这些扩展组合框之一的正确方法是什么？

Answer 1

请参阅我的JSFiddle here。

从我所看到的，你应该使用以下内容：

 $('select').selectmenu();
 $('.ui-selectmenu').addClass('ui-state-error');

这将达到您想要的效果，但当您在页面上有多个选择时，它会导致问题。这是您了解每个实现的具体内容。至于selectmenu，您似乎应该能够执行以下操作：

 id = $('select')[0].id;
 $('#' + id + '-button').addClass('ui-state-error');

但是，这对于一个只有很少文档的插件非常具体。随意使用它作为跳跃点。享受！