jQuery fadeOut если видимый

Question

У меня есть сообщение об ошибке, это отображается, если форма отправляется и возвращает сообщение об ошибке.

<div id="error"></div> 

FormCheck.php

<script type="text/javascript"> 
jQuery('#error', window.parent.document).html("There was an Error."); 
</script> 

Если произошла ошибка, отображается это сообщение. Моя проблема: как я могу позволить ей исчезать через 4 секунды, если она видна?

Here's, что я получил/исследовал ...

<script type="text/javascript"> 
    //if($('#error').is(':visible')) { 
    $("#error").ready(function() { 
    $("#error").delay(4000)(function() { 
$("#error").fadeOut(500); 
    }); 
    }); 
    </script> 

Couldn't выяснить, как получить это сделать ... может кто-нибудь будет так любезен, чтобы дать мне подсказку, как решить эту проблему?

Answer 1

Только сделайте SetTimeout.

$(document).ready(function(){ 
    if ($("#error").is(":visible")) { 
     setTimeout(function(){ 
      $("#error").fadeOut(500); 
     }, 4000); 
    } 
}); 

Кроме того, это выглядит вы настраиваете содержание ошибки с помощью Javascript, если это так, и вы не обновите страницу, вы можете позвонить setTimeout где бы вы делаете контейнер ошибки в fadeIn.

Answer 2

Линия

$("#error").ready(function() { 

должен быть

$(document).ready(function() { 

delay syntax

$('#foo').slideUp(300).delay(800).fadeOut(400); //example 

Answer 3

$(document).ready(function(){ 
    if ($("#error").html() != "") { 
     setTimeout(function(){ 
      $("#error").fadeOut(500); 
     }, 4000); 
    } 
}); 

Я предполагаю, что вы действительно просто установили в нем текст. Это не видимость.