javascript - 如何在加载页面时显示 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 毫秒后关闭它。