Sudut pandang lain untuk pertanyaan ini. (Saya menggunakan bootstrap.js versi 3.3.6)
Saya salah menginisialisasi modal baik secara manual di javascript:
$('#myModal').modal({
keyboard: false
})
dan dengan menggunakan
data-toggle="modal"
pada tombol ini seperti contoh di bawah ini (ditunjukkan dalam dokumen)
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Launch demo modal</button>
jadi hasilnya buat dua instance dari
<div class="modal-backdrop fade in"></div>
tambahkan ke tubuh html saya ketika membuka modal. Ini bisa menjadi penyebab ketika menutup modal dengan menggunakan fungsi:
$('#myModal').modal('hide');
hanya menghapus satu contoh latar belakang (seperti yang ditunjukkan di atas) sehingga latar belakang tidak akan hilang. Tapi itu hilang jika Anda menggunakan data-dismiss="modal"
add on html seperti yang ditunjukkan di doc bootstrap.
Jadi solusi untuk masalah saya adalah dengan hanya menginisialisasi modal secara manual dalam javascript dan tidak menggunakan atribut data, Dengan cara ini saya dapat menutup modal secara manual dan dengan menggunakan data-dismiss="modal"
fitur.
Semoga ini bisa membantu jika Anda menemui masalah yang sama dengan saya.
$('#myModal').modal('hide')
? Bisakah Anda menaruh beberapa kode di sini?