jquery - jQuery エフェクトが機能しない - Ajax フォームで

Question

コードの 1 つを次に示します。

$("#submit").click(function(){
    if (message == '') {
        $('#incorrmess').html('<img src = "wrong.png"/> Please type in your message').slideDown("slow");
    } else {
        //Ajax statement
    }
});

ページの本文には、div があります。効果が働きません。私もこれを試しました：

$('#incorrmess').slideDown("slow").html('<img src = "wrong.png"/> Please type in your message');

効果を発揮させるにはどうすればよいですか？

ありがとう。

Answer 1

最初に非表示にしてから、slideDown する必要があります。可視要素の slideDown は何もしません。

$('#incorrmess').hide().html('<img src = "wrong.png"/> Please type in your message').slideDown("slow");

Answer 2

divincorrmessを asdisplay:none;にしてから で試すこともでき$('#incorrmess').html('<img src = "wrong.png"/> Please type in your message').slideDown("slow");ます。この簡単な例もチェックしてください