自定义jQuery验证通过图标弹出错误消息

时间:2010-07-15 05:21:07

标签: validation jquery-selectors jquery-validate traversal qtip

这可能是一个基本的jQuery误解,但我必须问......

我正在尝试使用jQuery.validate在qTip上显示其错误消息,qTip是一个用于自定义工具提示的jQuery插件。具体来说,我想让鼠标悬停在一个红色的“X”图标上弹出工具提示。

我可以使用以下代码在表单字段上弹出工具提示:

$().ready(function() {
    // validate signup form on keyup and submit
    $("#signup").validate({
                errorPlacement: function(error, element) {
                    element.parent().parent().append('<div class="rederrorx"></div>');
                    element.qtip(
                    {
                        //qTip formatting and content code
                    });
        },

但是为了让工具提示弹出红色x,我将element.qTip(更改为$(".rederrorx").qTip(并且它不起作用(没有消息/ qTip初始化)。

选择者的概念是否已经超越了我的脑海?这样的。或者是jQuery类选择器没有选择任何东西,因为append尚未发生?还是......

谢谢! 埃米尔

1 个答案:

答案 0 :(得分:0)

我将element.parent()替换为element.parents('.classname'),以确定我想要的确切父元素。我假设一个插件添加了嵌套的div而没有告诉我。没有其他答案......

lo siento为愚蠢的问题