/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

12 votes169 views6 answers
Bootstrap modal
Javascript Bootstrap
111 votes257 views6 answers
Install bootstrap in react
Javascript Bootstrap
0 vote194 views3 answers
Choose file bootstrap show filename
Javascript Bootstrap
0 vote184 views3 answers
Prevent click other tab bootstrap tabs
Javascript Bootstrap
8 votes193 views3 answers
Bootstrap file upload
CSS Bootstrap
1 vote175 views1 answer
Bootstrap card hover effect
CSS Bootstrap
0 vote159 views1 answer
On click a button triger a tab bootstrap 5
Javascript Bootstrap
0 vote179 views2 answers
Bootstrap 5 container
CSS Bootstrap
145 votes261 views6 answers
Add bootstrap to react
CSS Bootstrap
0 vote166 views1 answer
Form.Control textarea react bootstrap
Javascript Bootstrap