Latest web development tutorials

jQuery UI API - élément d'empilage (Stacking Elements)

Stacked ou déplacés vers d'autres éléments de l'avant des widgets (Widgets) lorsqu'il est placé dans le monde réel quand une page est souvent un défi. Habituellement , en changeant simplement l'élément d'empilement z-index pour éviter les conflits sur l'élément de page ou d'un parent. Cependant, jQuery UI nécessite un besoin de changer manuellement le z-index valeur de la solution générique. Cela se fait par ui-front , classe pour terminer, généralement accompagnée d'un assemblage empilés appendTo options.

ui-front , classe

ui-front , classe est très basique. Il est seulement dans un élément ensemble statique z-index de valeur. Cependant, la classe est utilisée pour indiquer la présence d'éléments empilés à ajouter à aller. Cela nous permet d'utiliser imbriquée générer le contenu d'un emplacement dans le défaut DOM peut être utilisé dans la plupart des cas.

Remarque: Lorsque vous utilisez ui-front , vous devez définir la position de que par relative , absolute ou fixed , afin d'appliquer z-index .

Empilement (empilable technique)

Tous les widgets éléments supplémentaires à la page doivent utiliser empilés ui-front , la classe et dans la plupart des cas, il devrait y avoir une appendTo option. éléments empilés doivent suivre les règles suivantes:

  • Si une valeur est définie sur appendTo l' option est jointe aux éléments de pile élément spécifié.
  • Si appendTo option est réglée sur null éléments (par défaut), le widget doit être lié au début traversant DOM. Par exemple, lorsque le menu de complétion automatique (autocomplete) est ajouté au DOM, a commencé à parcourir à partir de l'élément d'entrée liés.
    • Si l' on se trouve avec ui-front élément classe, puis annexée à l'élément.
    • Si vous ne trouvez pas avec un ui-front élément de classe est ajouté au corps (corps).
  • Empilement élément position doit être réglé sur relative , absolute ou fixed , applicable à partir du ui-front , classe de z-index . Utilisez .Position () sera automatiquement mis en position .