Hier sind meine Tooltips Markup und CSS:
%Vor% Jetzt habe ich ein div auf meiner Seite namens #button_container . Ich möchte dieses .tooltip div 150px über JQuery rechts von diesem div platzieren. Ich verstehe, dass ich diese Tooltips top und left Attribute festlegen muss, aber nicht sicher wie.
Idealerweise sollte das Tooltips top -Attribut mit #button_container übereinstimmen (obwohl #button_container nicht absolut positioniert ist) und 150 kleiner als #button_container 's left -Attribut.
Ich weiß nicht wirklich, wo ich anfangen soll, damit jede Hilfe sehr geschätzt wird. Danke.
Zuerst ein Ratschlag: rollen Sie nicht selbst darauf. Es gibt viele ausgezeichnete jQuery Tooltip-Plugins. Benutze einfach einen von ihnen.
Abgesehen davon, wenn Sie diesen Weg gehen wollen, gibt es ein paar Möglichkeiten, dies zu tun. Die CSS-Positionierungsroute verwendet die relative + absolute Positionierung:
%Vor%Dies erfordert, dass sich die QuickInfo innerhalb des Schaltflächencontainers befindet. Es hat den Vorteil, dass sich der Tooltip mit den restlichen Seitenelementen bewegt.
Die gebräuchlichere Lösung ist etwas wie:
%Vor%Grundsätzlich verschieben Sie den Tooltip relativ zur Maus, während Sie über die relevante Region gehen.