Question

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

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

我尝试添加它并且它不起作用：

$(document).ready(function() {

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

});

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

非常感谢任何帮助!!

Answer 1

由于未打开模态，

fadeIn将无效。您必须使用modal选项调用show方法。

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

您可以在setTimeout：

中使用它

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

如果你想要fadeIn动画，只需在模态选项中指定它。

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

Answer 2

尝试FIDDLE，

您必须初始化模型，而不指定＆＃39; show＆＃39;作为参数，然后您可以使用 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

});

由于

x秒后自动打开Bootstrap模态

2 个答案: