xxxxxxxxxx
1
<!-- Button trigger modal -->
2
<button type="button" class="btn btn-primary" data-mdb-ripple-init data-mdb-modal-init
3
data-mdb-target="#exampleModal">
4
Launch demo modal
5
</button>
6
7
<!-- Modal -->
8
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
9
<div class="modal-dialog">
10
<div class="modal-content">
11
<div class="modal-header">
12
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
13
<button type="button" class="btn-close" data-mdb-ripple-init data-mdb-dismiss="modal"
14
aria-label="Close"></button>
15
</div>
16
<div class="modal-body">...</div>
17
<div class="modal-footer">
18
<button type="button" class="btn btn-secondary" data-mdb-ripple-init
19
data-mdb-dismiss="modal">Close</button>
20
<button type="button" class="btn btn-primary" data-mdb-ripple-init>Save changes</button>
21
</div>
22
</div>
23
</div>
24
</div>
1
1
xxxxxxxxxx
1
const modalInstance = mdb.Modal.getInstance(document.getElementById('exampleModal'));
2
modalInstance._element.addEventListener("show.mdb.modal", () => {
3
console.log("Show modal");
4
});
Console errors: 0