Cara Mendayakan Elemen Input dengan betul dengan jQuery Menggunakan prop()

Mengalih keluar Atribut "dilumpuhkan" Menggunakan jQuery

Dalam pertanyaan anda, anda cuba melumpuhkan dahulu dan kemudian mendayakan elemen input apabila mengklik pautan. Walau bagaimanapun, kod anda gagal mengalih keluar atribut "dilumpuhkan".

Kaedah prop() jQuery

Untuk melumpuhkan atau mendayakan elemen dalam jQuery dengan berkesan, gunakan selalu kaedah prop(). Perbezaan ini penting kerana prop() berurusan dengan sifat, manakala attr()/removeAttr() mengendalikan atribut.

Dalam keadaan tertentu anda, kod yang betul ialah:

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').prop("disabled", false); // Elements are now enabled.
});

Lihat kod dikemas kini dalam tindakan di jsFiddle ini: [pautan ke jsFiddle]

Prop() vs. attr()/removeAttr()

Semasa attr() /removeAttr() secara teknikal boleh mendayakan/melumpuhkan elemen, ia tidak disyorkan kerana kemungkinan ketidakkonsistenan. Prop() mengurus nilai harta secara eksplisit, memberikan tingkah laku yang lebih dipercayai.

Pra-jQuery 3.0 (sebelum 2016)

removeAttr() mengalih keluar atribut yang dilumpuhkan sepenuhnya, menetapkan harta kepada palsu. Sebaliknya, prop() hanya mengubah suai nilai boolean harta itu.

jQuery 3.0 dan Kemudian

prop() kekal sebagai pendekatan yang disyorkan, kerana removeAttr() kini tidak lagi ditetapkan harta yang sepadan dengan palsu. Perbezaan ini penting untuk penyemak imbas moden yang membezakan antara atribut (nilai awal) dan sifat (nilai semasa).

Atas ialah kandungan terperinci Cara Mendayakan Elemen Input dengan betul dengan jQuery Menggunakan prop(). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!