Latest web development tutorials

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 è impostata null 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).
  • Impilabile elemento position deve essere impostata relative , absolute o fixed , da applicare da ui-front , classe di z-index . Utilizzare .position () imposterà automaticamente position .