带有 jQ​​uery Validate 插件的 jQuery UI 工具提示

我正在尝试使用 jQuery Tooltip 来显​​示错误的不同颜色工具提示。我可以使用 tooltipClass 并适当地设置该类的样式来处理静态内容。

$(".error").tooltip(
{   
   tooltipClass: "ttError"
}); 

任何已经具有错误类属性的类都将正常工作，但是当我使用验证插件动态添加错误类时，工具提示将无法正确显示。我才刚刚开始更多地使用 jQuery，所以这超出了我目前的范围，任何指针表示赞赏。

正如忍者在评论中所说，我只是将上面的代码放置在验证插件的 errorPlacement 函数中：-

errorPlacement: function(error, element) 
    {
        element.attr('title', error.text());
        $(".error").tooltip(
        {   
            position: 
            {
                my: "left+5 center",
                at: "right center"
            },
            tooltipClass: "ttError"
        }); 
    }