Javascript jQuery:将fadeIn()与.html()一起使用

Javascript jQuery:将fadeIn()与.html()一起使用,javascript,jquery,Javascript,Jquery,我有一段jQuery代码,它通过POST查询页面,然后该页面返回一些显示在页面上的文本。这是我用来成功完成此操作的代码: $.post( "query.php?module=vote", {answer: ans, pid: pid, to: to, page: page}, function(responseText){ $("#poll").html(responseText); }, "html" ); 我已经尝

我有一段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)但它不起作用


我必须做什么/做什么更改才能使文本淡入页面?

在淡入内容之前,必须确保它已隐藏。试试这个:

$(“#poll”).html(responseText.hide().fadeIn(1500);
或者,您可以确保使用CSS隐藏元素:

#投票{
显示:无;
}

现场演示(显示两种方法):

要淡入,必须先淡出元素。尝试立即淡出(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"  
);

由于默认情况下显示元素,因此需要先淡出/隐藏元素,然后再次淡出该元素,如下所示:

$('#element').fadeOut(500).html(content).fadeIn(500);
请创建一个提琴:使用一些示例响应。使用.hide()代替.fadeOut(0)>$(“#poll”).hide().html(responseText.fadeIn();我同意@frank_neff。(因此我的回答…)