/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

33 votes143 views3 answers
React native bootstrap
Javascript Bootstrap
1 vote144 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
0 vote127 views1 answer
React js bootstrap select option required
Javascript Bootstrap
2 votes154 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
5 votes132 views2 answers
Close bootstrap modal with javascript
Javascript Bootstrap
0 vote157 views1 answer
Progress bar bootstrap border
CSS Bootstrap
0 vote84 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
3 votes146 views9 answers
Bootstrap 5
Javascript Bootstrap
0 vote151 views1 answer
React bootstrap table
Javascript Bootstrap
0 vote144 views1 answer
Bootstrap dropdown not working in angular 8
Javascript Bootstrap