/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

44 votes412 views5 answers
Breakpoint bootstrap
CSS Bootstrap
0 vote389 views1 answer
Javascript plugin bootstrap
Javascript Bootstrap
18 votes441 views6 answers
Install bootstrap angular 9
CSS Bootstrap
-2 votes372 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript Bootstrap
0 vote469 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
6 votes400 views4 answers
Angular bootstrap not working
Javascript Bootstrap
111 votes419 views6 answers
Install bootstrap in react
Javascript Bootstrap
0 vote376 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
-1 vote418 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
34 votes379 views6 answers
Border bootstrap
Javascript Bootstrap