Javascript x秒后自动打开引导模式
我希望在x秒后自动弹出一个全屏引导模式(我还希望它作为页面上的模式按钮)。我让全屏部分使用一个按钮,但当我对其应用任何新的javascript时,它似乎会一起禁用按钮,这就是我被卡住的地方 我已经阅读了引导模式文档、w3学校等。。我花了一个小时在谷歌和这里,我能找到的就是如何在x秒后关闭它,这在这里不适用。这似乎是非常常用的东西。。为什么我觉得自己在大海捞针 我尝试添加此项,但没有成功:Javascript x秒后自动打开引导模式,javascript,jquery,twitter-bootstrap,modal-dialog,Javascript,Jquery,Twitter Bootstrap,Modal Dialog,我希望在x秒后自动弹出一个全屏引导模式(我还希望它作为页面上的模式按钮)。我让全屏部分使用一个按钮,但当我对其应用任何新的javascript时,它似乎会一起禁用按钮,这就是我被卡住的地方 我已经阅读了引导模式文档、w3学校等。。我花了一个小时在谷歌和这里,我能找到的就是如何在x秒后关闭它,这在这里不适用。这似乎是非常常用的东西。。为什么我觉得自己在大海捞针 我尝试添加此项,但没有成功: $(document).ready(function() { $("#fsModal").dela
$(document).ready(function() {
$("#fsModal").delay(2000).fadeIn(500);
});
这是我的密码:
非常感谢您的帮助
fadeIn
将不工作,因为模式未打开。您必须使用show
选项调用modal
方法
$('#fsModal').modal('show');
您可以在设置超时时使用它:
setTimeout(function() {
$('#fsModal').modal('show');
}, 2000);
如果您想要fadeIn
动画,只需在模式选项中指定即可
我编辑了你的小提琴:试试
您必须初始化模型,而不将“show”指定为参数,然后才能使用fadeInapi
$(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
});
谢谢在
ready
,setTimeout(function(){$('fsModal').modal('show');},2000)中添加此功能代码>检查我也很好奇为什么这被否决了,这是正确的,我没有看到任何其他方式+1谢谢!这就是我想要它的功能!下面的答案略有不同。。它的蓝屏立即打开,然后在x秒后模式消失,也许我的问题措辞错误,但这不是我想要的。。无论如何,谢谢你:)