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");。另请查看这个简单的example

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

2 个答案: