Latest web development tutorials

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 en null 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).
  • Apilar elemento de position debe establecerse en relative , absolute o fixed , de aplicarse a partir ui-front , clase de z-index . Uso .position () se ajusta automáticamente position .