Latest web development tutorials

jQuery UI API - susun elemen (Stacking Elements)

Ditumpuk atau pindah ke elemen lain dari depan widget (Widgets) ketika ditempatkan ke dalam dunia nyata saat halaman sering tantangan. Biasanya dengan hanya mengubah susun elemen z-index untuk menghindari konflik di halaman atau orang tua elemen. Namun, jQuery UI memerlukan kebutuhan untuk mengubah secara manual z-index generik nilai solusi. Hal ini dilakukan dengan ui-front , kelas untuk menyelesaikan, biasanya disertai dengan ditumpuk perakitan appendTo pilihan.

ui-front , kelas

ui-front , kelas sangat dasar. Hanya dalam statis elemen set z-index nilai. Namun, kelas digunakan untuk menunjukkan adanya unsur ditumpuk untuk menambahkan untuk pergi. Hal ini memungkinkan kita untuk menggunakan bersarang menghasilkan isi dari lokasi di default DOM dapat digunakan dalam banyak kasus.

Catatan: Bila menggunakan ui-front , Anda harus mengatur position sebagai relative , absolute atau fixed , untuk menerapkan z-index .

Susun (susun teknik)

Widget tambahan ditumpuk elemen ke halaman harus menggunakan ui-front , kelas, dan dalam kebanyakan kasus, harus ada appendTo pilihan. unsur ditumpuk harus mengikuti aturan berikut:

  • Jika nilai yang ditetapkan untuk appendTo pilihan ditambahkan ke elemen tumpukan ditentukan elemen.
  • Jika appendTo opsi disetel ke null elemen (default), widget harus berkaitan dengan awal melintasi DOM. Misalnya, ketika (autocomplete) menu penyelesaian otomatis ditambahkan ke DOM, mulai melintasi dari elemen input terkait.
    • Jika ada yang ditemukan dengan ui-front kelas elemen, kemudian ditambahkan ke elemen.
    • Jika Anda tidak menemukan dengan ui-front unsur kelas ditambahkan ke tubuh (body).
  • Susun elemen position harus diatur ke relative , absolute atau fixed , untuk menerapkan dari ui-front , kelas z-index . Gunakan .position () secara otomatis akan mengatur position .