jquery - 在鼠标悬停时显示 qTip

Question

我正在尝试使用 jQuery validate 验证表单并使用 qTip 显示错误消息。但是我想在鼠标上显示错误消息，截至目前，当我提交表单时，错误消息将出现在文本字段旁边。

当我将鼠标悬停在文本字段上时如何显示错误消息。

演示 - http://jsfiddle.net/UcaZT/

rvi。

Answer 1

显示 qtip 工具提示的代码如下所示：

// Apply the tooltip only if it isn't valid
$(element).filter(':not(.valid)').qtip({
    overwrite: false,
    content: error,
    position: position,
    show: {
        event: false,
        ready: true
    },
    hide: false,
    style: {
        classes: 'ui-tooltip-red' // Make it red... the classic error colour!
    }
});

这

show: {
    event: false,
    ready: true
},

告诉 qTip 立即打开工具提示。

你想要这样的东西：

    show: {
        event: 'mouseover'
    },
    hide: {
        event: 'mouseout'
    },

这是一个更新的 jsFiddle