jquery - Hide a div if appeared

Question

I have a message box div in my page which will appear after succesfully submitting a form. I want to hide it after some time as it appears.

I have tried this code in the chrome developer tool and it works.

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

But when I inserted this code to my page, its not working.

Kindly give me a solution for this.

Thank you & Regards,

score 5 · Accepted Answer

您正在 dom-ready 函数中运行此代码：$(document).ready(function(){ ...

这意味着代码将在页面完成加载时运行一次，此时通知可能不可见，因此代码将继续并且不会再次运行。

您需要使用jQuery 的 .submit() 方法绑定此函数以在每次提交表单时运行。

score 0 · Accepted Answer

0

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

于 2013-04-04T12:12:15.637 回答

score 0 · Accepted Answer

您可以使用以下setTimeout调用：

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

3 回答 3