手动启动Bootstrap工具提示

dcd*_*181 4 html javascript 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>
Run Code Online (Sandbox Code Playgroud)

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

Llo*_*oyd 6

据我了解你可以打电话:

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

$('#id').tooltip('show');
Run Code Online (Sandbox Code Playgroud)

在任何时候?

  • 我实际上是在尝试单击而不是将鼠标悬停在工具提示上,因此默认用法在这种情况下不起作用。 (2认同)