JAVASCRIPT

jquery data-toggle modal and tooltip

<span data-toggle="modal" data-target="modal">
    <a data-toggle="tooltip" data-placement="top" title="Tooltip">
      Hover Me           
    </a>
</span>

data toggle modal and tooltip

// tooltip with modal
// We can add a attribue at the data-toggle modal div like below
// <div data-toggle="modal" data-bs-tooltip="tooltip" placement="top" ....></div>

var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-tooltip="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
	return new bootstrap.Tooltip(tooltipTriggerEl)
});