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

Question

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

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

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

Answer 1

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

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