在将<li>元素添加到<ul>时应用淡入效果

Manish

我想在将新<li>元素添加到现有列表时应用淡入(或只是任何效果)示例:说这是我现有的清单

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

现在,我需要在其前面添加三个<li>元素:

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

通过ajax提取,并且当这些新<li>元素被预先列出时,我需要应用淡入效果。此外,我还必须确保所有新的三个元素都同时淡入。

阿伦·P·约翰尼(Arun P Johny)

尝试

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

演示:小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击提交按钮时如何使用JavaScript将li元素添加到ul

来自分类Dev

将UL添加到LI(不将LI添加到UL)

来自分类Dev

将UL添加到LI(不将LI添加到UL)

来自分类Dev

使用javascript将css类添加到ul中的所有li父元素

来自分类Dev

将<li>添加到<ul>并删除附加到<ul>的<li>

来自分类Dev

将li添加到ul中以查找是否存在

来自分类Dev

使用jquery将li添加到现有ul

来自分类Dev

如何将<ul>添加到li组

来自分类Dev

使用JavaScript将多个Li添加到Ul

来自分类Dev

Python Selenium将Li添加到ul

来自分类Dev

Javascript使用数组将li添加到ul

来自分类Dev

如何使用jQuery将“ <li>”添加到“ <ul>”?

来自分类Dev

使用jQuery将子li动态添加到ul

来自分类Dev

如何将<ul>添加到li组

来自分类Dev

如何将类添加到ul li

来自分类Dev

使用JavaScript将多个Li添加到Ul

来自分类Dev

当导航位于外部文件中时,如何使用 jQuery 将类添加到导航 ul li a?

来自分类Dev

将类添加到具有(大于)2 li的ul的ul

来自分类Dev

将列表元素动态添加到ul元素

来自分类Dev

如何使用C#将“ li”添加到“ ul”标签

来自分类Dev

使用JavaScript将CSS类添加到动态ul li标签

来自分类Dev

Vuejs 将 css 类添加到数组中的 ul li 列表

来自分类Dev

将 <li> 添加到 <ul> 有限制(纯 JS)

来自分类Dev

jQuery将CSS类添加到父<ul>元素

来自分类Dev

将类添加到直接后代 ul 元素

来自分类Dev

将类添加到 Wordpress 菜单 ul 元素

来自分类Dev

如何将li附加到ul

来自分类Dev

使用appendChild将li附加到ul

来自分类Dev

将li附加到父ul