Pertanyaan Membuat label terwujud keluar dari kotak input ketika kotak input diisi melalui javascript


Biasanya, dengan Mewujudkan, label untuk kotak input teks muncul di dalam kotak input sampai pengguna memasukkan memilih kotak dan memasukkan teks di dalamnya. Namun, ketika nilai kotak diisi melalui javascript, label tidak bergerak keluar dari jalan. Itu tetap di kotak dan tumpang tindih dengan teks yang dimasukkan. Apakah ada cara untuk memicu transisi label dengan javascript juga, jadi ini tidak terjadi?


13
2017-08-19 16:41


asal


Jawaban:


Lebih khusus lagi, jika Anda menggunakan Materialize in Rails dengan turbolinks diaktifkan, Anda akan menemukan bahwa field formulir Materialize yang diisi dengan nilai yang tidak kosong tidak aktif pada pemuatan halaman.

Metode berikut berhasil untuk saya:

$(function() {
    Materialize.updateTextFields();
});

Ini akan menambah kelas 'active' ke label dan ikon awalan yang sesuai.


15
2018-02-25 08:04



Perilaku transisi label dipicu dengan menambahkan active kelas ke elemen label. Jadi, jika Anda membuat javascript Anda menambahkan kelas itu ke label (mis. $('label').addClass('active')) Selain mengisi di lapangan, label akan bertransisi keluar dari lapangan seperti yang akan terjadi ketika dipilih oleh tindakan pengguna.


12
2017-08-19 16:41



Dengan JQuery yang bisa Anda gunakan $ ('# yourInputText'). ubah ();


0
2018-02-12 20:01