javascript – jQuery UI – 调用高亮/错误

前端之家收集整理的这篇文章主要介绍了javascript – jQuery UI – 调用高亮/错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我很抱歉,如果这太明显了,但我找不到任何适当的答案…

有没有办法通过简单地调用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对类进行风格化.

希望这有助于任何人.

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

@H_301_29@

解决方法

没有jQuery UI功能页面上发生错误;但是,您可以使用jQuery将错误类应用于如下元素:
$('#el').addClass('ui-state-error ui-corner-all'); // Rounded corners
$('#el').addClass('ui-state-error'); // Squared Corners

我希望这有帮助!

@H_301_29@ @H_301_29@

猜你在找的jQuery相关文章