jQuery UI - 调用突出显示/错误

Question

对不起,如果这太明显了,我在任何地方都找不到合适的答案......

有没有办法放置一个突出显示/错误消息,如本页右下方的那些:http://jqueryui.com/themeroller/只需调用一个jquery ui函数？

我检查了源代码但似乎无法找到答案......他们是否对html进行了硬编码？

谢谢

----------------------------------------- SOLUTION -------- -------------------------------

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设置类的样式.

希望这有助于任何人.

----------------------------------------- SOLUTION -------- -------------------------------

Answer 1

没有jQuery UI函数在页面上放置错误; 但是你可以使用jQuery将错误类应用于这样的元素:

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

我希望这有帮助!