jQuery：使用fadeIn（）和.html（）

Question

我有一段jQuery代码通过POST查询页面，然后该页面返回一些显示在页面上的文本。 这是我用来成功执行此操作的代码：

$.post(
    "query.php?module=vote",  
    {answer: ans, pid: pid, to: to, page: page},
    function(responseText){  
        $("#poll").html(responseText);  
    },  
    "html"  
);

我已经尝试将$("#poll").html(responseText)更改$("#poll").html(responseText).fadeIn(1500); 但它不起作用。

我必须做什么/改变才能让文字淡入页面？

Answer 1

为了淡入，元素必须首先淡出。 尝试立即淡出（0秒），然后使用回调函数添加内容并淡入。

$.post(
    "query.php?module=vote",  
    {answer: ans, pid: pid, to: to, page: page},
    function(responseText){  
        $("#poll").fadeOut(0,function(){
             $(this).html(responseText).fadeIn();
        }); 
    },  
    "html"  
);

Answer 2

在你淡入某些东西之前，你必须确保它是隐藏的。 试试这个：

$("#poll").html(responseText).hide().fadeIn(1500);

或者，您可以确保使用CSS隐藏元素：

#poll {
    display: none;
}

现场演示（显示两种方法）： http ： //jsfiddle.net/n5rnw/1/

Answer 3

因为Of Element是默认显示的，所以需要fadeOut / hide然后再次fadeIn elemet ，这样：

$('#element').fadeOut(500).html(content).fadeIn(500);