/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

3 votes264 views9 answers
Bootstrap 5
Javascript Bootstrap
33 votes269 views6 answers
Angular add bootstrap
Javascript Bootstrap
45 votes377 views6 answers
Adding bootstrap to angular
Javascript Bootstrap
7 votes306 views3 answers
Bootstrap remove outline
CSS Bootstrap
15 votes366 views8 answers
React bootstrap
Javascript Bootstrap
0 vote257 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
222 votes579 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
0 vote245 views1 answer
Form.Control textarea react bootstrap
Javascript Bootstrap
0 vote240 views1 answer
React bootstrap table
Javascript Bootstrap
5 votes203 views1 answer
Bootstrap darkmode
CSS Bootstrap