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');   
        }

    }
}