Bagaimana untuk Mengalih keluar Butang Tutup daripada Dialog UI jQuery?

Mengalih keluar Butang Tutup pada Dialog UI jQuery

Apabila mencipta kotak dialog menggunakan jQuery UI, anda mungkin menghadapi senario yang anda perlu alih keluar butang tutup ("X" di penjuru kanan sebelah atas). Berikut ialah penyelesaian terperinci untuk menangani keperluan ini:

Untuk menyembunyikan butang tutup pada kotak dialog tertentu, anda boleh menggunakan kod JavaScript berikut:

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

Penyelesaian ini termasuk tiga langkah utama:

1. Tetapkan closeOnEscape kepada palsu untuk mengelakkan dialog daripada ditutup apabila kekunci Escape ditekan.
2. Timpa fungsi terbuka.
3. Gunakan jQuery untuk mencari dan menyembunyikan elemen butang tutup ($(".ui-dialog-titlebar-close", ui.dialog || ui) .hide();).

Sebagai alternatif, untuk menyembunyikan butang tutup pada semua dialog dalam aplikasi anda, anda boleh menggunakan CSS berikut gaya:

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

Dengan melaksanakan langkah-langkah ini, anda boleh mengalih keluar butang tutup dengan berkesan daripada dialog UI jQuery, memberikan kawalan yang lebih besar ke atas pengalaman pengguna berdasarkan keperluan khusus anda.

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