javascript - 如何将 'before' 方法与 jQuery 中的 'fadeIn' 方法结合使用？

Question

我有一行 jquery，它使用 jQuery 的 before 方法在页面上已经存在的另一个 div 之前插入一个 div:

$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>');

我想让新的 div 淡入，所以我尝试以两种不同的方式组合这些方法，但都无法正常工作。这是我尝试过的:

$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>').fadeIn("slow");

那没有用，因为它试图淡出 #sendmail div 而不是我插入的那个。这是我所做的其他尝试:

$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>');                             

$("#response").fadeIn("slow");

这也不起作用，因为当我尝试淡入时 #response div 已经插入，所以什么也没有发生。

我感觉我真的很接近，但我想不通。有人可以帮忙吗？

Answer 1

$('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>')
    .hide().insertAfter("#sendemail").fadeIn();