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

Question

我有一个关于 Bootstrap 3 的问题。我想显示弹出框，当页面加载时 -> 当客户端打开某个 html 页面时，弹出框出现，然后在一段时间后弹出框淡出。做这个的最好方式是什么？我正在尝试 .poper 只是一个围绕图像的 div 类

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

感谢您的回复。

Answer 1

如果我没听错的话，如果页面完全加载，你想显示弹出框，那么页面就准备好了。

如果是这样，一个可能的解决方案是在脚本中设置一个超时，这会调用弹出框来关闭。 这可能如下所示：

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

解释：脚本显示直到页面完全加载弹出框.poper 并开始超时，它将在 600 毫秒后关闭它。