javascript - x 秒后自动打开 Bootstrap Modal

Question

我想要一个全屏 Bootstrap 模式在x秒后自动弹出(我也希望它作为页面上的模式按钮)。我有一个使用按钮的全屏部分，但是当我对其应用任何新的 JavaScript 时，它似乎会一起禁用该按钮，这就是我陷入困境的地方。

我已经阅读了 bootstrap modal 文档、w3 学校等。我在 google 和这里​​花了一个小时，我所能找到的只是如何在 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/