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

w3f*_*her 4 jquery jquery-ui

我想在我的前置函数中使用淡入效果.

我试过跟随一个,但它不起作用.

$('#iq').prepend('.....').fadeIn('slow')
Run Code Online (Sandbox Code Playgroud)

Lok*_*tar 8

试试下面的例子.

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

现场演示

因为你只是在你正在添加的元素中淡化prepend它们,所以这也有一个好处就是不要强迫你先隐藏它们.


T.J*_*der 6

prepend返回您调用它的对象中的元素,而不是元素,因此您将调用fadeIn要预先挂起新内容的元素.相反,你想要的prependTo,这基本上prepend是另一种方式.(有关详细信息,请参阅文档.)此外,hide在淡入它们之前,您需要使用新元素,因此:

$('.......').prependTo('#iq').hide().fadeIn('slow');
Run Code Online (Sandbox Code Playgroud)

实例