/Javascript/Bootstrap/Bootstrap tooltip keep open on hover

Bootstrap tooltip keep open on hover

Bootstrap tooltip stay open after click

$('[data-toggle="tooltip"]').tooltip({
    trigger : 'hover'
})

Bootstrap tooltip keep open on hover

$(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip({
            trigger: "manual"
        });

        $('body').on('mouseleave', '.tooltip', function () {
            $('[data-toggle="tooltip"]').tooltip('hide');
        });

        $('[data-toggle="tooltip"] > i').on('mouseenter', function () {
            $('[data-toggle="tooltip"]').tooltip('show');
        });

        $('[data-toggle="tooltip"]').on('click', function () {
            $(this).tooltip('show');
        }); });

Source: stackoverflow.com

Similar codes

-2 votes275 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript Bootstrap
0 vote273 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
98 votes424 views2 answers
Add bootstrap to react,.........,,,,
Javascript Bootstrap
0 vote257 views1 answer
React bootstrap col not working
Javascript Bootstrap
0 vote265 views2 answers
Scrollspy bootstrap 5
Javascript Bootstrap
-1 vote262 views2 answers
Bootstrap set active tab javascript
Javascript Bootstrap
0 vote254 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap
0 vote249 views1 answer
Install bootstrap in nextjs
Javascript Bootstrap
11 votes286 views3 answers
Bootstrap 4.6 npm
Javascript Bootstrap
3 votes258 views2 answers
Col to right bootstrap
Javascript Bootstrap