Anzeigen von qTip bei Mouseover

Question

Ich versuche, ein Formular zu validieren, mit jQuery validieren und zeigen Fehlermeldungen mit qTip. Aber ich möchte Fehlermeldung onMouse Over zeigen, ab jetzt, wenn ich das Formular einreichen die Fehlermeldungen kommen neben dem Textfeld.

Wie kann ich die Fehlermeldung anzeigen, wenn ich mit der Maus über das Textfeld fahre?

Demo - http://jsfiddle.net/UcaZT/

rvi.

Answer 1

Der Code, der die qtip-Tooltips anzeigt, sieht wie folgt aus:

// 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!
    }
});

Diese

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

weist qTip an, die Tooltips sofort zu öffnen.

Sie wollen so etwas wie das hier:

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

Ici ist ein aktualisiertes jsFiddle