手动启动Bootstrap工具提示

时间:2012-11-19 09:44:21

标签: javascript html twitter-bootstrap

使用bootstrap popovers,您可以控制何时隐藏并在任何元素上显示它们

<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>

如何使用bootstrap工具提示完成相同操作?与弹出窗口和工具提示的区别似乎是工具提示是在DOM加载时启动的,弹出窗口可以从事件监听器手动启动。

1 个答案:

答案 0 :(得分:6)

据我所知,你可以致电:

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

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

在任何时候?