php - jQuery hide() 闪烁

Question

我有一个 PHP 脚本，它在带有一些输入的表单上运行验证。一旦页面重新加载，我想隐藏（）错误然后让它们淡入（而不是让它们出现）。

我遇到的问题是，尽管脚本有效......当页面加载时，错误字段会轻微闪烁。

<div class="error">sample error</div>

$(document).ready(function() 
{
    if($('div.error').length > 0)

    {

       $('div.error').hide();

        if($('div.error:hidden'))
        {
            $('div.error').delay('1000').fadeIn('2000');   
        }

    }
}

提前致谢

Answer 1

您的错误框是否在页面加载之前隐藏？

查看您的代码，它将出现，然后在文档准备好时被 JavaScript 隐藏，然后淡入。

我建议您在错误字段中添加一个名为的类，hidden并在样式表中将其声明为.hidden{ display:none;}

然后调整你的js是这样的：

$(document).ready(function() 
{
    if($('div.error').length > 0)

    {

       $('div.error').hide().removeClass('hidden');

        if($('div.error:hidden'))
        {
            $('div.error').delay('1000').fadeIn('2000');   
        }

    }
}