/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

1 vote346 views1 answer
Bootstrap icons react
Javascript Bootstrap
120 votes432 views3 answers
React import bootstrap css file
CSS Bootstrap
9 votes345 views3 answers
Bootstrap blue outline button
CSS Bootstrap
1 vote372 views3 answers
Copy text on click bootstrap
Javascript Bootstrap
0 vote355 views1 answer
Check if form bootstrap is valid js
Javascript Bootstrap
13 votes313 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
4 votes362 views3 answers
.col-6 bootstrap
CSS Bootstrap
12 votes317 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
-1 vote322 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
145 votes417 views6 answers
Import bootstrap in react
CSS Bootstrap