jquery - マウスオーバーでqTipを表示

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

ここに更新された jsFiddle があります