更多效果，一个功能。 jQuery答案

【问题标题】：More effects, to one function. Jquery更多效果，一个功能。 jQuery
【发布时间】：2011-08-08 18:42:57
【问题描述】：

我有一个函数，它会在加载 iframe 内容时打印出一些文本：

 // set "waiting" message:
   $("#loadingStatus").html("Waiting for your advertisements to load...");

我的问题是，我如何将fadeIn("slow") 添加到上面的加载消息中？我尝试在同一行添加 .fadeIn("slow") ，但没有奏效。

【问题讨论】：

【解决方案1】：

你可能必须先隐藏你的元素，因为如果元素已经可见，fadeIn() 不会做任何事情：

$("#loadingStatus").hide().html("Waiting for your advertisements to load...")
                   .fadeIn("slow");

【讨论】：

【解决方案2】：

你可以做的是，首先使#loadingStatusfadeOut/hide，然后添加html，然后再次fadeIn，如下所示：

$('#loadingStatus').hide().html('Your message here').fadeIn('slow');

【讨论】：

【解决方案3】：

先隐藏它：

$("#loadingStatus").hide().html("Waiting for your advertisements to load...").fadeIn("slow");

【讨论】：