Bagaimana untuk menghapuskan butang tutup dalam dialog UI jQuery menggunakan CSS?

PHPz
Lepaskan: 2023-09-17 10:01:02
ke hadapan
1544 orang telah melayarinya

如何使用 CSS 消除 jQuery UI 对话框中的关闭按钮?

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.

Dialog UI jQuery

Kaedah

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).

Tatabahasa

$(selector, context).dialog (options);
Salin selepas log masuk

Parameter

  • 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.

Langkah untuk diikuti

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

Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan