如何将Class('ui-state-error')添加到<select>带有selectmenu，dropkick和/或选定插件的样式中？

Question

有几个插件(selectmenu, dropkick, selected，可能还有更多)可以把标签组合框变成一个更漂亮，更有风格，更实用的版本。

我想用ui-state-error样式来定义扩展标签。这偶尔会起作用，但大多数时候不起作用:

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

当它工作时，removeClass('ui-state-error')不工作。

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

Answer 1

查看我的JSFiddle。

在我看来，你应该使用以下语句:

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

这将达到您想要的效果，但是当您在页面上有多个选择时，它将导致一个问题。这是您了解每个实现细节的地方。至于selectmenu，似乎你应该能够做到以下几点:

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

但是，这对于一个很少有文档的插件来说是非常具体的。你可以随意使用这个作为起点。享受吧!