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

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

有没有办法放置一个突出显示/错误消息，如本页右下方的那些： 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('
'+obj.html()+'
'); } function createError(obj){ obj.addClass('ui-state-error ui-corner-all'); obj.html('
'+obj.html()+'
'); } 

HTML：只需创建您想要放置消息的de div：

 
ERROR: The message goes here 

或通知：

 
NOTICE: The message goes here 

然后，您可以使用css设置类的样式。

希望这有助于任何人。

—————————————– SOLUTION ——– ——————————-

Answer 1

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

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

我希望这有帮助！

Answer 2

根据文档，在加载Jquery UI css之后，您可以使用一些类：

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

例如，此处警报框的定义如下：

 
 
  Alert: Sample ui-state-error style.