Nicht in der Nähe tooltip, wenn der Eingabe-Fokus hat, nachdem Sie auf
Wie kann ich machen tooltip nicht geschlossen werden, wenn der input den Fokus hat? Es funktioniert, wenn es den Fokus erhält mit dem tab, aber wenn ich mit der Maus den Fokus auf input -, tooltip geschlossen mouseout
auch wenn input-Fokus hat.
Kann ich tun
$('input').tooltip().off("mouseover mouseout");
Aber das wird dissable tooltip schweben und ich muss nur dissable mouseout
wenn input
Fokus hat.
http://jsfiddle.net/3dX6d/2/
http://jsfiddle.net/3dX6d/3/
- Also du willst das der tooltip angezeigt werden (und bleiben erschien), wenn der Eingabe-Fokus hat? Was ist, wenn Sie den Mauszeiger über die input-und es muss auch nicht konzentrieren? Möchten Sie den standard-tooltip? Oder möchten Sie, dass der tooltip nur angezeigt, wenn das element den Fokus hat?
- schweben sollte funktionieren, aber
hoverout
sollte nicht in der Nähe tooltip angezeigt, wenn das element den Fokus hat.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen Sie dies:
Beispiel
Neue und Verbesserte Methode:
Bessere Arbeits-Beispiel
API-Dokumentation:
:focus
event.preventDefault()
.focusout()
open-Methode
close-Ereignis
ui.tooltip.preventDefault();
Linie anscheinend nur funktionieren, weil es einen Fehler verursacht, was wiederum verhindert, dass der tooltip geschlossen wird-offensichtlich ist das nicht erwünscht. Die einzige einfache Möglichkeit, die ich gefunden habe, die das gleiche erreichen iste.stopImmediatePropagation();
an seinem Platz.Anstatt all diese anderen Zuhörer, ich sah in der tatsächlichen und beschlossen, der effektivste Weg ist, Erben Sie das widget und fügen Sie eine zusätzliche Flagge
http://code.jquery.com/ui/1.10.3/jquery-ui.js
Hier ist eine demo
http://jsfiddle.net/3dX6d/7/
Im Vergleich zu der anderen Lösung, das nicht von uns verlangen, mehr zu tun arbeiten mit dem extra-offene Ausschreibungen (die eigentlich mehrere Aufrufe innerhalb es). Wir einfach verhindern, dass das tooltip schließen, wenn wir den Fokus auf das element, auf Wunsch original-Beitrag.
Das einzige, was Sie tun müssen, um zu beheben, die ui-Fehler wird nur übergeben Sie es als parameter pro Dokumentation.
http://api.jqueryui.com/tooltip/#event-close