QTip mit jQuery-Dialogen

Question

Ich verwende qTip, um Validierungsfehler in einem Raster anzuzeigen. Der Tooltip erscheint nach einem fehlgeschlagenen Zeilenspeichern und verschwindet nicht, bis die Zeile erneut gespeichert oder die Änderungen abgebrochen sind.

Das Problem dabei ist, dass das Öffnen eines Dialogfelds, während der Tooltip sichtbar ist, dazu führt, dass der Tooltip über dem Dialogfeld gerendert wird. Das liegt daran, dass der z-Index für alle Tooltips fest auf 6000+ festgelegt ist, während jQuery-Dialogfelder auf 1000+ festgelegt sind.

Ich könnte dieses Problem beheben, indem ich den fest codierten Wert in qTip auf <1000 ändere, dann würden Tooltips, die aus dem Dialogfeld ausgelöst werden, jedoch hinter dem Dialogfeld angezeigt werden.

Gibt es etwas, was ich tun kann, abgesehen davon, den qTip-Code zu ändern oder eine andere Tooltip-Bibliothek zu verwenden?

Answer 1

Völlig ungetestet, aber vielleicht könnten Sie etwas Ähnliches zusammenstellen:

• Hacken Sie das Basis-qTip-z-Index, damit die Tipps unter den jQuery-Dialogen erscheinen.
• Verwenden Sie das qTip onRender-Callback, um selektiv den z-Index der Tipps zu erhöhen, die nur innerhalb dieser Dialoge ausgelöst werden, damit sie über dem 1000er-Bereich liegen.

Als kleine Anmerkung: Es sieht so aus, als würde die aktuelle Version von qTip tatsächlich 15000 verwenden als Basis-z-Index.

Answer 2

Warum setzen Sie nicht den Z-Index des Dialogfelds auf 6500 und geben dann allen von diesem Dialogfeld ausgelösten qTips einen Z-Index von 7000?

Bearbeiten: Oh, Sie können immer noch nicht den Z-Index von qTip individuell festlegen. Schade. Vielleicht verstecken Sie alle vorhandenen Tooltips, wenn das Dialogfeld angezeigt wird, und zeigen sie wieder an, wenn es geschlossen wird?