jQuery UI API - elemento di impilamento (Stacking Elementi)
Impilati o spostati ad altri elementi della parte anteriore dei widget (widget), quando sono immessi nel mondo reale quando una pagina è spesso una sfida. Di solito semplicemente cambiando l'elemento di impilamento z-index
per evitare conflitti in l'elemento di pagina o genitore. Tuttavia, jQuery UI richiede la necessità di modificare manualmente la z-index
valore soluzione generica. Questo viene fatto ui-front
, di classe per completare, di solito accompagnata da una pila di assemblaggio appendTo
opzioni.
ui-front
classe
ui-front
classe è molto semplice. E 'solo in un elemento insieme statico z-index
valore. Tuttavia, la classe è usato per indicare la presenza di elementi sovrapposti da aggiungere ad andare. Questo permette di utilizzare nested generare il contenuto di una posizione nel predefinito DOM può essere utilizzato nella maggior parte dei casi.
Nota: Quando si utilizza ui-front
, è necessario impostare la position
come relative
, absolute
o fixed
, al fine di applicare z-index
.
Impilabile (stacking tecnica)
Ogni widget aggiuntivi elementi alla pagina deve utilizzare impilati ui-front
, di classe, e nella maggior parte dei casi, ci dovrebbe essere un appendTo
un'opzione. elementi impilati devono seguire le seguenti regole:
- Se un valore è impostato su
appendTo
opzione viene aggiunto agli elementi pila di elementi specificati. - Se
appendTo
opzione è impostatanull
elementi (default), il widget dovrebbe essere correlata al punto di partenza attraversando DOM. Ad esempio, quando il menu di completamento automatico (autocomplete) viene aggiunto al DOM, ha cominciato a percorrere da elemento di input relativi.- Se ne viene trovata con
ui-front
classe elemento, poi aggiunto all'elemento. - Se non si trova con un
ui-front
elemento della classe viene aggiunto al corpo (corpo).
- Se ne viene trovata con
- Impilabile elemento
position
deve essere impostatarelative
,absolute
ofixed
, da applicare daui-front
, classe diz-index
. Utilizzare .position () imposterà automaticamenteposition
.