/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

13 votes207 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
0 vote195 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote176 views1 answer
Check if form bootstrap is valid js
Javascript Bootstrap
0 vote185 views1 answer
React bootstrap table
Javascript Bootstrap
19 votes113 views3 answers
Bootstrap media queries
CSS Bootstrap
0 vote181 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
9 votes182 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
2 votes180 views1 answer
Bootstrap dark mode
CSS Bootstrap
0 vote237 views1 answer
Bootstrap time picker 12 hour format
Javascript Bootstrap
0 vote188 views1 answer
Adding bootstrap to angular global styles
Javascript Bootstrap