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

    }
}