我很抱歉,如果这太明显了,但我找不到任何适当的答案…

有没有办法通过简单地调用jquery ui函数来放置一个突出显示/错误信息,就像这个页面右下方的那样：http://jqueryui.com/themeroller/？

我检查了源代码,但似乎找不到答案…他们是否硬编码html？

谢谢

—————————————–解决方案——– ——————————-

jQuery：(创建一个新文件whatever.js并放置以下代码

$(document).ready(function(){

if($("div.error")[0]){
    createError($("div.error"));
}

if($("div.notice")[0]){
    createHighlight($("div.notice"));
}
});

//functions start
function createHighlight(obj){
    obj.addClass('ui-state-highlight ui-corner-all');
    obj.html('<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right:.3em;"></span>'+obj.html()+'</p>');
}

function createError(obj){
    obj.addClass('ui-state-error ui-corner-all');
    obj.html('<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right:.3em;"></span>'+obj.html()+'</p>');
}

HTML：
只需创建您要放置邮件的de div,如：

<div class="error"><b>ERROR:</b> The message goes here</div>

或通知：

<div class="notice"><b>NOTICE:</b> The message goes here</div>

然后可以使用css对类进行风格化.

希望这有助于任何人.

—————————————–解决方案——– ——————————-

$('#el').addClass('ui-state-error ui-corner-all'); // Rounded corners
$('#el').addClass('ui-state-error'); // Squared Corners