Ich versuche eine Webseite mit der jQuery ui lib zu erstellen. In meinem Entwurf wird eine automatische Vervollständigung von jQuery ui in einem Eingabefeld am oberen Rand eines Formulars verwendet. Unmittelbar unterhalb dieser Eingabemaske für die automatische Vervollständigung befinden sich einige jQuery-Schieberegler. Das Problem ist, dass beim Auffüllen des Kästchens für die automatische Vervollständigung die Ergebnisse hinter dem Ziehpunkt des Schiebereglers angezeigt werden. Dies ist darauf zurückzuführen, dass jQuery die Schieberegler so erstellt, dass Teile davon einen Z-Index von 3 haben. Der Z-Index des Dropdown-Bereichs des Steuerelements für die automatische Vervollständigung von jQuery scheint immer auf 1 gesetzt zu sein. Ich habe versucht, das Z zu erhöhen -index des Eingabeelements, das gerade automatisch vervollständigt wird, aber keine Auswirkung auf den Z-Index des Elements zu haben scheint, das jquery für das Dropdown-Menü für die automatische Vervollständigung erstellt. Ich habe auch versucht, mein eigenes Javascript zu schreiben, um das Dropdown-Menüelement nach Klasse zu erhalten (es ist eine ul) und den Z-Index manuell festzulegen. Dies scheint auch nicht zu funktionieren. Ich gehe davon aus, dass dies bedeutet, dass der jQuery-Code die von mir vorgenommene Änderung des Z-Index überschreibt. Dies ist kein Browserfehler, da es sich um ein Problem in Firefox, Chrome, Safari und IE handelt. Es ist ein Problem mit dem tatsächlichen Z-Index, den jQuery für die Dropdown-Box (UL-Element) ausgibt.

Hat jemand eine Lösung für dieses Problem? Wie fummelt man im Allgemeinen an Elementen herum, die jQuery automatisch generiert, um seine Steuerelemente zu erstellen?