/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

92 votes322 views5 answers
Bootstrap primary color code
CSS Bootstrap
16 votes207 views3 answers
Bootstrap show modal jquery
Javascript Bootstrap
145 votes286 views6 answers
Add bootstrap to react
CSS Bootstrap
0 vote188 views1 answer
Datatable bootstrap cllick on specific button
Javascript Bootstrap
-1 vote239 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
0 vote194 views1 answer
React bootstrap table
Javascript Bootstrap
0 vote196 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
2 votes191 views4 answers
Add bootstrap to gatsby
Javascript Bootstrap
0 vote186 views1 answer
Form.Control textarea react bootstrap
Javascript Bootstrap
0 vote209 views2 answers
Make all images same size bootstrap
CSS Bootstrap