/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

13 votes420 views2 answers
Bootstrap Aligning images
CSS Bootstrap
5 votes406 views2 answers
Remove bootstrap button outline
CSS Bootstrap
19 votes369 views3 answers
Bootstrap media queries
CSS Bootstrap
6 votes398 views5 answers
Bootstrap icons
CSS Bootstrap
0 vote447 views1 answer
Notification bell icon bootstrap react
Javascript Bootstrap
0 vote428 views1 answer
Sticky footer bootstrap 3
CSS Bootstrap
2 votes418 views4 answers
Add bootstrap to gatsby
Javascript Bootstrap
3 votes391 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
222 votes623 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
0 vote441 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap