/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

0 vote428 views1 answer
Comment intégrer font awesome et bootstrap dans angular 13
Javascript Bootstrap
26 votes432 views10 answers
Bootstrap
Javascript Bootstrap
41 votes360 views4 answers
Bootstrap npmjs
Javascript Bootstrap
15 votes382 views3 answers
Bootstrap 4 tooltip
Javascript Bootstrap
222 votes580 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
0 vote380 views1 answer
Mdbootstrap react
Javascript Bootstrap
1 vote392 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
126 votes488 views5 answers
React Bootstrap css import
CSS Bootstrap
0 vote411 views1 answer
React bootstrap profile card
Javascript Bootstrap
2 votes393 views1 answer
Size carousel bootstrap 4
CSS Bootstrap