0

いくつかの入力を含むフォームで検証を実行する PHP スクリプトがあります。エラーを hide() してから、ページがリロードされると (単に表示するのではなく) エラーをフェードインさせたいと考えていました。

私が抱えている問題は、スクリプトは機能しますが...ページの読み込み中にエラーフィールドがわずかにちらつきます。

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

    }
}

前もって感謝します

4

1 に答える 1

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

    }
}
于 2012-05-18T09:46:45.820 に答える