如何在jQuery對話框中使用UI狀態錯誤

Question

我有我的自定義主題jQuery對話框工作。我想使用 「ui-state-error」css類來顯示與 樣式的對話框中的錯誤。我如何將這種風格融入我自己的自定義主題中？

謝謝。

Answer 1

將類名添加到div的類屬性。

<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');