x 秒后自动打开引导模式答案

【问题标题】：Open a Bootstrap Modal automatically after x secondsx 秒后自动打开引导模式
【发布时间】：2015-10-08 13:47:19
【问题描述】：

我想让 全屏引导模式在 x 秒后自动弹出（我还希望它作为页面上的模式按钮工作）。我的全屏部分使用一个按钮，但是当我对其应用任何新的 javascript 时，它似乎将按钮全部禁用，这就是我卡住的地方。

我已经阅读了引导模式文档、w3 学校等。我在谷歌和这里花了一个小时，我所能找到的只是如何在 x 秒后关闭它，这在此处不适用。这似乎是一个非常常用的东西..为什么我觉得我在大海捞针？

我尝试添加它，但它不起作用：

$(document).ready(function() {

    $("#fsModal").delay(2000).fadeIn(500);

});

这是我的代码：http://jsfiddle.net/nqa1sbko/

非常感谢任何帮助！

【问题讨论】：

在ready, setTimeout(function() { $('#fsModal').modal('show'); }, 2000); 中添加这个检查Demo

标签： javascript jquery twitter-bootstrap modal-dialog

【解决方案1】：

fadeIn 将无法工作，因为模式未打开。您必须使用 show 选项调用 modal 方法。

$('#fsModal').modal('show');

您可以在setTimeout 中使用它：

setTimeout(function() {
    $('#fsModal').modal('show');
}, 2000);

如果您想要 fadeIn 动画，只需在模式选项中指定即可。

我编辑了你的小提琴：http://jsfiddle.net/nqa1sbko/2/

【讨论】：

我也很好奇为什么这被否决了，这是正确的，我没有看到任何其他方式 +1
谢谢！这就是我希望它发挥作用的方式！下面的答案略有不同..它立即打开蓝屏，然后在 x 秒后模式淡入，也许我的问题措辞错误，但这不是我想要的.. 无论如何谢谢:)

【解决方案2】：

试试FIDDLE，

你必须初始化model而不指定'show'作为参数，然后你才能使用fadeIn api。

$(function() {
    // .modal-backdrop classes
    $(".modal-fullscreen").on('show.bs.modal', function() {
        setTimeout(function() {
            $(".modal-backdrop").addClass("modal-backdrop-fullscreen");
        }, 0);
    });
    $(".modal-fullscreen").on('hidden.bs.modal', function() {
        $(".modal-backdrop").addClass("modal-backdrop-fullscreen");
    });


    $('#fsModal').modal().fadeIn(1000); // Here x = 1000

});

谢谢

【讨论】：