/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 vote249 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
41 votes230 views4 answers
Bootstrap npmjs
Javascript Bootstrap
0 vote226 views1 answer
React-bootstrap problem-install new version
Javascript Bootstrap
0 vote193 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
1 vote240 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
0 vote232 views1 answer
Angular-bootstrap-md angular 10
Javascript Bootstrap
19 votes173 views3 answers
Bootstrap media queries
CSS Bootstrap
1 vote232 views1 answer
Bootstrap disable button after click
Javascript Bootstrap
2 votes247 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
55 votes388 views5 answers
Bootstrap 3 button
CSS Bootstrap