为一种功能提供更多效果。 jQuery

Question

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

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

我的问题是，如何将 fadeIn("slow") 添加到上面的加载消息中？ 我尝试在同一行中添加 .fadeIn("slow") ，但这不起作用。

Answer 1

您可能必须先隐藏您的元素，因为如果元素是 fadeIn() 将不会执行任何操作已经可见：

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

Answer 2

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

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

Answer 3

先隐藏它：

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