/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

238 votes329 views5 answers
Include bootstrap
CSS Bootstrap
34 votes255 views6 answers
Border bootstrap
Javascript Bootstrap
33 votes263 views6 answers
Angular add bootstrap
Javascript Bootstrap
11 votes277 views3 answers
Bootstrap 4.6 npm
Javascript Bootstrap
6 votes244 views5 answers
Bootstrap icons
CSS Bootstrap
6 votes237 views3 answers
.row bootstrap
CSS Bootstrap
25 votes284 views6 answers
How to install bootstrap in angular
Javascript Bootstrap
22 votes263 views2 answers
React-bootstrap example
Javascript Bootstrap
12 votes228 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
5 votes251 views2 answers
Close bootstrap modal with javascript
Javascript Bootstrap