December 12, 2024 at 6:34 am
#10045470
Keymaster
Hi, thanks for your purchase.
Here is an example:
HTML:
<button type="button" data-bs-toggle="modal" data-bs-target="#testModal"> Launch modal </button> <div class="modal fade" id="testModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1 class="text-success"> This is a Modal </h1> </div> <div class="modal-footer"> <button data-bs-dismiss="modal"> Close Modal </button> </div> </div> </div> </div>
JS: (js/custom.js)
const modal = document.getElementById('testModal')
modal.addEventListener('show.bs.modal', () => {
console.log('show instance method called!');
})
modal.addEventListener('shown.bs.modal', () => {
console.log('modal element completely visible!');
})