Bagaimanakah Saya Boleh Mengalih Keluar Butang Tutup daripada Dialog UI jQuery?

Mengalih keluar Butang Tutup daripada Dialog UI jQuery

dialog UI jQuery menampilkan butang tutup yang mudah di penjuru kanan sebelah atas, diwakili oleh Simbol "X". Jika anda ingin mengalih keluar butang ini, berikut ialah cara anda boleh mencapainya:

Pilihan 1: Menggunakan Fungsi Terbuka

Untuk mengalih keluar butang tutup untuk dialog tertentu, anda boleh mengatasi fungsi terbuka selepas menciptanya. Berikut ialah contoh:

$("#div2").dialog({
    closeOnEscape: false,
    open: function(event, ui) {
        $(".ui-dialog-titlebar-close", ui.dialog || ui).hide();
    }
});

Dalam contoh ini, kami sedang mencari butang tutup dalam bar tajuk dialog dan menyembunyikannya menggunakan kaedah hide().

Pilihan 2 : Menggunakan CSS

Sebagai alternatif, anda boleh menggunakan CSS untuk menyembunyikan butang tutup untuk semua dialog pada halaman anda. Tambahkan peraturan CSS berikut:

.ui-dialog-titlebar-close {
    visibility: hidden;
}

Kesimpulan

Kaedah ini membolehkan anda mengalih keluar butang tutup pada dialog UI jQuery, sama ada untuk keadaan tertentu atau secara universal melalui CSS . Dengan menyesuaikan penampilan dialog, anda boleh meningkatkan pengalaman pengguna dan menyesuaikannya dengan keperluan khusus anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengalih Keluar Butang Tutup daripada Dialog UI jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!