javascript - x 秒后自动打开 Bootstrap Modal

Question

我想要一个全屏 Bootstrap 模式在 x 秒后自动弹出(我也希望它作为页面上的模式按钮)。我有一个按钮的全屏部分，但是当我向它应用任何新的 javascript 时，它似乎一起禁用了按钮，这就是我卡住的地方。

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

我尝试添加这个但没有成功:

$(document).ready(function() {

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

});

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

非常感谢任何帮助!!

Answer 1

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

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

您可以在 setTimeout 中使用它:

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

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

我编辑了你的 fiddle :http://jsfiddle.net/nqa1sbko/2/