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

$('#<%=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);
});

asp.net jquery fadeout，顺利更改文本和淡入淡出

2 个答案: