Memaparkan data dalam susunan disusun dalam halaman web HTML adalah tugas yang membosankan. Kotak dialog digunakan untuk memaparkan maklumat dalam bentuk yang boleh dilihat dalam halaman web. Kotak dialog ialah tetingkap boleh terapung yang mengandungi tajuk dan kandungan. UI jQuery membolehkan pembangun mencipta kotak dialog yang mudah dan mesra pengguna untuk tapak web. Dalam artikel ini, kami akan membincangkan cara membuat kotak dialog UI jQuery dan cara menghapuskan butang tutup dalam kotak ini.
Pertama, mari kita fahami kotak dialog UI jQuery.
jQuery Dialog() membolehkan pembangun mencipta tetingkap dialog mudah dalam port pandangan yang tidak terjejas oleh kandungan halaman. dialog() method digunakan untuk memberitahu pelayar bahawa sebarang elemen HTML boleh dipaparkan dalam bentuk kotak dialog. Ia terdiri daripada bar tajuk dan ruang kandungan. Secara lalai, ia boleh dialihkan, diubah saiz dan dipadamkan melalui butang tutup (x).
$(selector, context).dialog (options);
Tajuk− Ia membolehkan pembangun menentukan tajuk yang dipaparkan dalam kotak dialog.
Width- Ia membolehkan pembangun menentukan lebar kotak dialog.
Position- Ia membolehkan pembangun menentukan kedudukan awal dialog.
Ketinggian- Ia membolehkan pembangun menentukan ketinggian kotak dialog.
Butang - Digunakan untuk menambah butang pada kotak dialog.
Max-height - Tentukan ketinggian maksimum kotak dialog
Max-width - Tentukan lebar maksimum kotak dialog
Min-height - Tentukan ketinggian minimum kotak dialog
Min-lebar - Tentukan lebar minimum kotak dialog
Lampirkan - Apabila pilihan ini ditetapkan kepada palsu, ia membolehkan kami menghalang kelas UIdraggable daripada ditambahkan pada senarai elemen DOM HTML.
Buka secara automatik - Apabila pilihan ini dibiarkan benar, kotak dialog akan dibuka sebaik sahaja ia dibuat. Jika palsu, kotak dialog akan dibuka apabila dipanggil.
Berikut ialah langkah yang perlu anda ikuti untuk mencipta kotak dialog JQuery.
Langkah 1 - Tambahkan jQuery dan jQuery UI CDN pada kod di dalam teg