Saya mencoba membuat Elemen Bootstrap secara dinamis menggunakan Javascript. Tetapi masalahnya adalah kelas bootstrap tidak berlaku saat membuat elemen. Ada Saran

Ini kode yang saya coba!

function show() {
var formGroup = document.createElement("div");
//formGroup.className = 'form-group';
formGroup.setAttribute('id', 'form1');
$('#form1').addClass('form-group');
document.body.appendChild(formGroup);

var label = document.createElement("label");
label.innerHTML = 'Hello World';
$('#label').addClass('control-label')
document.getElementById('form1').appendChild(label);}
1
Ghulam Mustufa 8 Agustus 2017, 12:17

2 jawaban

Jawaban Terbaik

Melakukan hal ini

var formGroup = document.createElement("div");
formGroup.setAttribute('id', 'form1');
formGroup.className += " form-group";
document.body.appendChild(formGroup);

var label = document.createElement("label");
label.innerHTML = 'Hello World';
label.className += " control-label";
document.getElementById('form1').appendChild(label);

Biola yang berfungsi

0
Manoj 8 Agustus 2017, 09:21

Saat Anda memanggil jQuery di baris ini $('#form1').addClass('form-group'); elemen formGroup Anda belum ada di DOM, jadi jQuery tidak dapat menemukannya. Coba tambahkan kelas dengan metode asli persis ke elemen yang baru dibuat:

formGroup.classList.add('form-group');

Gunakan baris di atas alih-alih $('#form1').addClass('form-group');

0
MysterX 8 Agustus 2017, 09:21