jquery - jQuery 效果不起作用 - 在 Ajax 表单上

Question

这是其中的一个代码：

$("#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 不会做任何事情。

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

Answer 2

您也可以将 div 设置incorrmess为display:none;，然后尝试使用$('#incorrmess').html('<img src = "wrong.png"/> Please type in your message').slideDown("slow");. 也看看这个简单的例子