zeigt einen einzelnen qtip, wenn verschiedene Ereignisse von verschiedenen Zielen ausgelöst werden?

Question

Ich habe wenige Eingabe-und Auswahl-Steuerelemente in meiner Form, dass jeder von ihnen ein kleines Fragezeichen-Symbol vor ihnen, die einen Tooltip zeigen wird, wenn Maus über das GIF mit Hilfe von ausgezeichneten jquery jquery.qtip-1.0.0 -rc3.js (mit jquery-1.3.2.min.js) Plug-in wie folgt aus:

$('#questionmark1').qtip({ 
     content: 'sample help content' 
     , style: { name: 'sampleStyle' } 
     , position: { corner: { target: 'bottomLeft', tooltip: 'rightTop'} }   
    }); 

ich möchte auch Werkzeugspitze zeigen, wenn überhaupt, dass entsprechende Eingabefeld fokussiert bekommen und verstecken, wenn verschwimmen. die folgenden den Trick tun, aber ohne die Werkzeugspitze zeigt, wenn die Maus über diese gif ist

$('#questionmark1').qtip({ 
     content: 'sample help content' 
     , style: { name: 'sampleStyle' } 
     , position: { corner: { target: 'bottomLeft', tooltip: 'rightTop'} }   
     , show: { when: { target: $('#input1'), event: 'focus'} } 
     , hide: { when: { target: $('#input1'), event: 'blur'} } 
    }); 

aber das Problem ist, dass so etwas wie funktioniert nicht.

show: { when: { target: $('#input1'), event: 'focus'}, 
       { target: $('#questionmark1'), event: 'focus'} } 

kurz die vorhergehenden ersten 2 Blöcke von Code funktioniert gut, und ich kann beide hinzufügen, mein Ziel zu erreichen, aber ich will es richtig machen.
Wie kann ich die Ziele mehrerer Ziele anzielen, um einen einzelnen Tooltip anzuzeigen?

Answer 1

Sie müssen nicht alle Ein-/Ausblenden-Ereignisse innerhalb des Anrufs an qtip() anschließen. Ich würde die mouseover Ereignis als Ereignis definieren, die die qtip standardmäßig löst:

$('#questionmark1').qtip({ 
     content: {text:'sample help content', prerender: true} 
     , style: { name: 'sampleStyle' } 
     , position: { corner: { target: 'bottomLeft', tooltip: 'rightTop'} }   
     , show: { when: 'mouseover' } 
    }); 

(Beachten Sie die Prerender Option Ich hinzugefügt)

Und dann manuell Event-Handler für die Eingabe definieren, die Sie anzeigen möchten die qtip für:

$("#input1").bind("focusin", function() { 
    $("#questionmark1").qtip("show"); 
}).bind("blur", function() { 
    $("#" + this.id + "-tip").qtip("hide"); 
}); 

hier ein Beispiel Siehe: http://jsfiddle.net/andrewwhitaker/wCgAM/

das einzige seltsame ist, dass Sie bieten machen h Tooltipps werden angezeigt, indem die erste Eingabe fokussiert und dann über das zweite Fragezeichen bewegt wird. Dies ist wahrscheinlich einfach genug, um es zu beheben.

Hoffe, dass hilft.