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

Question

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

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

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

Answer 1

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

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