/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

45 votes233 views6 answers
Adding bootstrap to angular
Javascript Bootstrap
0 vote103 views1 answer
Bootstrap accessibility
CSS Bootstrap
0 vote139 views1 answer
Mdbootstrap react
Javascript Bootstrap
35 votes167 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
-1 vote150 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
0 vote143 views1 answer
How to remove the top border from table react bootstrap
Javascript Bootstrap
2 votes154 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
1 vote197 views1 answer
Bootstrap 4 modal popup remote url
Javascript Bootstrap
1 vote153 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
1 vote163 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript Bootstrap