Bagaimana untuk Togol Kelas CSS dengan jQuery untuk Kefungsian Dinamik?

Menogol Kelas CSS dengan jQuery

Menogol atribut CSS boleh berguna untuk menambahkan fungsi dinamik pada elemen. Satu pendekatan ialah menggunakan fungsi .toggle() dalam jQuery.

Dalam kod yang disediakan, matlamatnya ialah untuk menogol keterlihatan elemen (#user_options) dan mengubah suai CSS sesuatu butang (#user_button) apabila diklik. Kod semasa tiada kefungsian yang diperlukan untuk menogol CSS kembali kepada keadaan asalnya.

Penyelesaian yang Diperbaiki:

Untuk versi jQuery di bawah 1.9:

$('#user_button').toggle(function () {
    $("#user_button").css({borderBottomLeftRadius: "0px"});
}, function () {
    $("#user_button").css({borderBottomLeftRadius: "5px"});
});

Walau bagaimanapun, pendekatan yang lebih baik ialah menggunakan kelas CSS untuk mengendalikan penggayaan. Ini membolehkan lebih fleksibiliti dan organisasi kod yang lebih baik:

$('#user_button').toggle(function () {
    $("#user_button").addClass("active");
}, function () {
    $("#user_button").removeClass("active");
});

Dalam penyelesaian ini, kelas "aktif" mengandungi gaya CSS yang ditogol. Ini membolehkan lebih banyak kawalan dan kebolehselenggaraan penggayaan yang lebih mudah berbanding menggunakan CSS sebaris secara langsung.

Atas ialah kandungan terperinci Bagaimana untuk Togol Kelas CSS dengan jQuery untuk Kefungsian Dinamik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!