jQuery UI API - apilamiento elemento (apilamiento de elementos)
Apilar ni mover a otros elementos de la parte frontal de los widgets (widgets) cuando se coloca en el mundo real cuando una página es a menudo un desafío. Por lo general, simplemente cambiando el elemento de apilamiento z-index
para evitar conflictos en el elemento de la página o de los padres. Sin embargo, jQuery UI requiere una necesidad de cambiar manualmente el z-index
valor de la solución genérica. Esto se hace mediante ui-front
, clase para completar, por lo general acompañado de un montaje apilados appendTo
opciones.
ui-front
, clase
ui-front
, la clase es muy básico. Es solamente en un conjunto elemento estático z-index
valor. Sin embargo, la clase se utiliza para indicar la presencia de elementos apilados para anexar ir. Esto nos permite utilizar anidada generar el contenido de una ubicación predeterminada en el DOM se puede utilizar en la mayoría de los casos.
Nota: Cuando se utiliza ui-front
, debe establecer la position
como relative
, absolute
o fixed
, con el fin de aplicar z-index
.
Apilamiento (stacking técnica)
Cualquier control adicionales a elementos de la página deben utilizar apiladas ui-front
, la clase y en la mayoría de los casos, no deberían ser un appendTo
opción. elementos apilados deben seguir las siguientes reglas:
- Si un valor se establece en
appendTo
opción se anexa a los elementos de la pila elemento especificado. - Si
appendTo
opción se establece ennull
elementos (por defecto), el widget se debe relacionar con el inicio de atravesar DOM. Por ejemplo, cuando el menú finalización automática (autocompletar) se añade a la DOM, comenzó a recorrer desde el elemento de entrada relacionada.- Si se encuentra uno con
ui-front
clase de elementos, a continuación, se adjunta al elemento. - Si no encuentra con una
ui-front
elemento de la clase está anexado al cuerpo (cuerpo).
- Si se encuentra uno con
- Apilar elemento de
position
debe establecerse enrelative
,absolute
ofixed
, de aplicarse a partirui-front
, clase dez-index
. Uso .position () se ajusta automáticamenteposition
.