如何使用淡入淡出的jquery进行前置？

Question

我想对我的前置功能使用淡入效果。

我试过跟随一个，但它不起作用。

$('#iq').prepend('.....').fadeIn('slow')

Answer 1

请尝试以下示例。

$('#test').prepend($('<div id="bob">Hi der</div>').fadeIn('slow'));

<强> Live Demo

由于您只是淡化了前面提到的元素，只需在prepend中添加它们，这样做的好处就是不会强制您先隐藏它们。

Answer 2

prepend会返回您调用它的对象中的元素，而不是 new 元素，因此您在预先挂起的元素上调用fadeIn新内容。相反，您需要prependTo，这基本上是prepend的另一种方式。 （有关详细信息，请参阅文档。）此外，在淡入新元素之前，您需要hide，所以：

$('.......').prependTo('#iq').hide().fadeIn('slow');

Live example

Answer 3

首先需要隐藏元素：

$('#iq').hide().prepend('.....').fadeIn('slow');

Answer 4

问题：你有很多div创建新的prepend 解决方案：使用display：none添加第一个新div，并在添加调用类之后添加一个类以使其可见。

$('#putin').prepend('<div id="test" class="5" style="display:none">test1</div>');
$('.5').slideDown('slow');

fiddle