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

Question

我正在使用 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);

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

谢谢你

Answer 1

淡入淡出完成时使用回调。

并且每次在节点上应用某些东西时都无需搜索节点。使用链接。

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

delay另外，如果它们是某种锻炼方式，您可能不需要s

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

Answer 2

试试这个：

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