显示qTip onmouseover

Question

我正在尝试验证表单，使用jQuery验证并使用qTip显示错误消息。但我想在onMouse Over上显示错误消息，截至目前，当我提交表单时，错误消息将出现在文本字段的下一个位置。

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

演示 - 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'
    },

Here是一个更新的jsFiddle