显示qTip onmouseover

Question

我想验证一个窗体，使用jQuery验证并使用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' 
    }, 

Here是一个更新的jsfiddle