jQuery 淡出(如果可见)

Question

我收到一条错误消息，如果提交表单并返回错误，则会显示该消息。

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

表单检查.php

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

如果出现错误，则会显示此消息。我的问题是:如果它可见，我怎样才能让它在 4 秒后淡出？

这是我得到/研究的...

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

不知道如何完成这个任务...有人可以好心地给我一个如何解决这个问题的提示吗？

Answer 1

只需执行 setTimeout 即可。

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

此外，您似乎正在使用 Javascript 设置错误的内容，如果是这样，并且您没有刷新页面，您可以从创建错误容器的任何位置调用 setTimeout淡入淡入。