隐藏div如果出现

Question

我的页面中有一个消息框div，它会在成功提交表单后显示。我想在一段时间后隐藏它。

我已经在铬开发工具中试过这段代码，它的工作原理。

$(document).ready(function(){ 
    if ($('#notification').is(":visible")) { 
     $('#notification').delay(1000).fadeOut(); 
    } 
}); 

但是，当我插入这个代码到我的网页，它不工作。

请给我一个解决方案。

谢谢&问候，

Answer 1

$('#myForm').submit(function() { 
    $('#notification').fadeIn().delay(3000).fadeOut(); 
}); 

Answer 2

您运行的是DOM就绪功能在这个代码：$(document).ready(function(){ ...

这意味着，当页面完成加载代码将运行一次，在那时间通知可能不可见，所以代码继续，不会再运行。

您需要绑定此函数以在每次提交表单时运行，使用jQuery's .submit() method。

Answer 3

可以使用setTimeout电话：

setTimeout(function() { 
    if ($('#notification').is(":visible")) { 
     $('#notification').delay(1000).fadeOut(); 
    } 
}, 3000);