asp.net jquery淡出，更改文本和淡入平滑答案

【问题标题】：asp.net jquery fadeout, change text and fadein smoothlyasp.net jquery淡出，更改文本和淡入平滑
【发布时间】：2013-02-07 13:25:41
【问题描述】：

我正在使用 jquery.raty 框架来做评分系统。我有 5 颗星并排，在星星旁边，我有一个标签，上面写着“请给我打分”。当用户单击其中一颗星进行评分时，我希望标签淡出，将文本更改为“谢谢”，然后淡入标签。代码如下：

$('#<%=lbl_force_to_rate.ClientID %>').fadeOut(100);
$('#<%=lbl_force_to_rate.ClientID %>').delay(400).html("Thank you");
$('#<%=lbl_force_to_rate.ClientID %>').delay(400).val("Thank you");
$('#<%=lbl_force_to_rate.ClientID %>').delay(400).fadeIn(400);

它完成了这项工作，但我看到正在发生眨眼。并且它会在淡出之前更改文本，因此用户可以看到更改的文本。然后淡出淡入，如何才能顺利进行呢？

谢谢

【问题讨论】：

标签： jquery asp.net fadein fadeout raty

【解决方案1】：

当淡入完成时使用回调。

而且每次你在节点上应用东西时都不需要搜索节点。使用链接。

$('#<%=lbl_force_to_rate.ClientID %>').fadeOut(100,function(){
   $(this).delay(400).html("Thank you")
    .delay(400).val("Thank you")
    .delay(400).fadeIn(400);
});

如果他们是某种锻炼方式，你可能不需要delays

$('#<%=lbl_force_to_rate.ClientID %>').fadeOut(100,function(){
   $(this).html("Thank you").val("Thank you").fadeIn(400);
});

【讨论】：

【解决方案2】：

试试这个：

$('#<%=lbl_force_to_rate.ClientID %>').fadeOut(400, function() { 
    $(this).html("Thank you").fadeIn(400);
});

【讨论】：