javascript - 追加中にフェードイン効果を適用する
する要素

Question

<li>新しい要素を既存のリストに追加するときに、フェードイン (または任意の効果) を適用したいと考えています。例: これが私の既存のリストだとします

<ul class='ul-1'>
<li class='cl'></li>
<li class='cl'></li>
<li class='cl'></li>
</ul>

<li>次に、さらに 3 つの要素を先頭に追加する必要があります。

<li class='cl'></li>
<li class='cl'></li>
<li class='cl'></li>

ajax 経由でフェッチされ<li>、その時点でこれらの新しい要素がリストの先頭に追加されると、フェードイン効果を適用する必要があります。また、新しい 3 つの要素がすべて同時にフェードインするようにする必要があります。

score 5 · Accepted Answer

試す

$('#add').click(function(){
    $('<li />', {
        class: 'cl',
        html: idx++
    }).hide().appendTo('.ul-1').fadeIn()
})

javascript - 追加中にフェードイン効果を適用するする要素