如何在加载页面然后隐藏时显示Bootstrap 3 popover

时间:2013-09-21 13:42:28

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3

我有一个关于Bootstrap 3的问题。我想在页面加载时显示popover - >当客户端打开某个html页面时,popover会显示,然后经过一段时间后,popover会淡出。做这个的最好方式是什么?我正在尝试这个.poper只是图像旁边的div类

$(window).load(function(){
 $(".poper").popover('show');
    $(".poper").hide(600);
});

感谢您的回复。

1 个答案:

答案 0 :(得分:7)

如果我说得对,如果完全加载页面,你想显示popover,这样页面就准备好了。

如果是这样,可能的解决方案可能是在脚本中设置超时,从而调用popover关闭。 这看起来像这样:

$().ready(function(){
    $('.poper').popover('show');
    window.setTimeout(function(){
        $('.poper').popover('hide');
    }, 600); //600 are the ms until the timeout is called
});

说明:脚本显示,直到页面完全加载了弹出窗口.poper并开始超时,这将在600ms后关闭它。