/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 vote253 views1 answer
Bootstrap-navbar-brand
CSS Bootstrap
61 votes400 views2 answers
Bootstrap flex direction column
CSS Bootstrap
2 votes232 views1 answer
How to add bootstrap by downloading in react js
Javascript Bootstrap
0 vote209 views1 answer
Bootstrap accessibility
CSS Bootstrap
12 votes250 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
2 votes251 views1 answer
Bootstrap dark mode
CSS Bootstrap
92 votes425 views5 answers
Bootstrap primary color code
CSS Bootstrap
0 vote271 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap
1 vote346 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript Bootstrap
0 vote259 views2 answers
Datatable buttons bootstrap 4
Javascript Bootstrap