顯示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