/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 votes169 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
2 votes174 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
118 votes270 views6 answers
Instalar bootstrap en react
Javascript Bootstrap
1 vote218 views1 answer
Bootstrap 4 modal popup remote url
Javascript Bootstrap
14 votes213 views2 answers
.col-12 bootstrap
CSS Bootstrap
0 vote165 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
-2 votes163 views1 answer
How to show bootstrap 5 modal using jquery
Javascript Bootstrap
2 votes150 views1 answer
How to add bootstrap by downloading in react js
Javascript Bootstrap
2 votes169 views4 answers
Add bootstrap to gatsby
Javascript Bootstrap
0 vote178 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap