Ketika kita mendevelop suatu aplikasi web menggunakan bootstrap, ada kalanya kita juga menggunakan fungsi modal. Modal disini adalah suatu pop up atau kotak dialog yang biasa digunakan untuk melakukan konfirmasi. Biasanya fungsi modal ini diletakkan pada bagian code javascript. Umumnya untuk menutup atau close modal ini menggunakan code sebagai berikut :
$('#idName').modal('hide');
Dan pop up modal akan tertutup. Terkadang ketika menutup modal, backdrop yang mengikutinya tidak ikut meghilang dan terjadilah stag pada halaman web tersebut.
Nah, bagaimana cara untuk menghilangkan backdrop modal tersebut? caranya cukup mudah. Kita hanya memainkan pada bagian css saja yang dijalankan pada javascript yang diletakkan setelah baris untuk meutup modal di atas. Begini code lengkapnya:
//baris untuk menghilangkan modal
$('#idName').modal('hide');
//bagian css untuk menutup backdrop
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
Nah, cukup mudah sekali bukan? Semoga sedikit bagian code diatas dapat memabantu teman teman yang juga mengalami hal yang sama. Selamat mencoba.
Leave a Reply