javascript - Initiate Bootstrap tooltip manually - Stack Overflow

admin管理员组

文章数量:1317915

With bootstrap popovers, you are able to control when to hide and show them on any element

<span id="span">Click me</span>

<script>
$('#span').click(function(){
    $(this).popover({
        title: 'some title',
        content: 'nice popover',
        trigger: 'manual',
        placement:'top',
        html: true
    }).popover('show');
    clickedAway = false
    isVisible = true
});
$(document).click(function() {
    if(isVisible & clickedAway){
        $('#span').popover('hide')
    isVisible = clickedAway = false
    }else{
    clickedAway = true
    }
});
</script>

How can I acplish the same with bootstrap tooltips? The difference with popovers and tooltips seems to be that tooltips are initiated on DOM load and popovers can be initiated manually from an event listener.

With bootstrap popovers, you are able to control when to hide and show them on any element

<span id="span">Click me</span>

<script>
$('#span').click(function(){
    $(this).popover({
        title: 'some title',
        content: 'nice popover',
        trigger: 'manual',
        placement:'top',
        html: true
    }).popover('show');
    clickedAway = false
    isVisible = true
});
$(document).click(function() {
    if(isVisible & clickedAway){
        $('#span').popover('hide')
    isVisible = clickedAway = false
    }else{
    clickedAway = true
    }
});
</script>

How can I acplish the same with bootstrap tooltips? The difference with popovers and tooltips seems to be that tooltips are initiated on DOM load and popovers can be initiated manually from an event listener.

• javascript
• html
• twitter-bootstrap

Share Improve this question Follow edited Nov 19, 2012 at 10:08 dcd0181 asked Nov 19, 2012 at 9:44 dcd0181dcd0181 1,50344 gold badges2929 silver badges5252 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

As I understand it you can call:

$('#id').tooltip({
    ...config...
});

$('#id').tooltip('show');

At any point?

本文标签： javascriptInitiate Bootstrap tooltip manuallyStack Overflow