Reply To: Modal open with javascript/jquery

#10045470
Support
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!');
})