如何在jQuery对话框中使用ui-state-error

Question

我使用自定义主题的jQuery对话框。我想用 “ui-state-error”css类用于在对话框中显示错误 样式。如何在我自己的自定义主题中加入该样式？

感谢。

Answer 1

将类名添加到div的class属性中。

<div id="dialog" class="ui-state-error">
<p class="ui-state-error-text">ERROR DIALOG TEXT</p>
</div>

http://jqueryui.com/docs/Theming/API

此外，您可能需要在进行对话后添加该类。

$("#dialogID").dialog();
$("#dialogID").addClass("ui-state-error");

Answer 2

如果您只想绘制标题，可以这样做：

$( "#dialogID" ).dialog({ autoOpen: false }).parent().children(".ui-dialog-titlebar").addClass('ui-state-error');