Question

如何在数据返回#results div时添加淡入效果？

$('#results').html(data);

我试过

$('#results').html(data).fadeIn('slow');

但它似乎无法正常工作

我的代码

        submitHandler: function(form) {
            // do other stuff for a valid form
            $.post('mailme.php', $("#myform").serialize(), function(data) {
                $('#results').html(data).fadeIn('slow');
            });
        }

Answer 1

你必须先隐藏div。

$('#results').hide().html(data).fadeIn('slow');

Answer 2

这可能就是这个伎俩。

$('#results').css('display', 'none').html(data).fadeIn('slow');

Answer 3

当你使用“fadeIn”时，你必须首先隐藏元素。

这是一个例子，我相信你会在尝试和编辑之后理解：

<img style="display: none;" id="google" src="http://www.google.com.tr/images/srpr/logo3w.png" alt="" />

<script>
    $(document).ready(function() {
        $('#google').fadeIn(1200,function(){});
    });
</script>

如何在jQuery文本中添加淡入效果

3 个答案: