Javascript SlideDown（）不'；在jQuery中不能使用After（）

我想将一个元素添加到列表中，并希望它在添加时向下滑动。但是使用

after（）

方法是行不通的。为什么?

Html代码：

<ul id="myUL">
 <li> First Item <li>
 <li> Second Item <li>
 <li> Third Item <li>
 <li> Fourth Item <li>

$('#add').click(function(e){
  e.preventDefault();     
  $('li:last').after('<li> A New Item </li>').slideDown("slow");
});

第一项

第二项

第三项

第四项

加

Js代码：

<ul id="myUL">
 <li> First Item <li>
 <li> Second Item <li>
 <li> Third Item <li>
 <li> Fourth Item <li>

$('#add').click(function(e){
  e.preventDefault();     
  $('li:last').after('<li> A New Item </li>').slideDown("slow");
});

$（'#添加'）。单击（函数（e）{
e、 预防默认值（）；
$（'li:last'）。在（'li>新项目'）之后。向下滑动（“慢速”）；
});

Fiddle完整代码：

试试这个：

Jsfiddle：

第一项
第二项
第三项
第四项

使用jquery：

$('#add').click(function(e){
    e.preventDefault();     
    $('<li> A New Item </li>').appendTo('#myUL').hide().slideDown();
});

$（'#添加'）。单击（函数（e）{
e、 预防默认值（）；
$（“
新项目”
）.appendTo（“#myUL”）.hide（）.slideDown（）；
});

试试这个：

Jsfiddle：

第一项
第二项
第三项
第四项

使用jquery：

$('#add').click(function(e){
    e.preventDefault();     
    $('<li> A New Item </li>').appendTo('#myUL').hide().slideDown();
});

$（'#添加'）。单击（函数（e）{
e、 预防默认值（）；
$（“
新项目”
）.appendTo（“#myUL”）.hide（）.slideDown（）；
});

第一项
第二项
第三项
第四项

$（'#添加'）。单击（函数（e）{
e、 预防默认值（）；
$（“#myUL”）。追加（“
一个新项目”
”）；
});

问题是HTML没有正确关闭，请关闭它们并使用append

第一项
第二项
第三项
第四项

$（'#添加'）。单击（函数（e）{
e、 预防默认值（）；
$（“#myUL”）。追加（“
一个新项目”
”）；
});

---

问题是HTML没有正确关闭，请关闭它们并使用append

首先，您需要关闭这些

li

标记。HTML:

<ul id="myUL">
  <li> First Item </li>
  <li> Second Item </li>
  <li> Third Item </li>
  <li> Fourth Item </li>
</ul>

第一项
第二项
第三项
第四项

对于js，这里有一个快速而肮脏的方法：

$('#add').click(function(e){
  e.preventDefault();     
  $('li:last').after('<li style="display:none"> A New Item </li>');
  $('li:last').slideDown("slow");
});

$（'#添加'）。单击（函数（e）{
e、 预防默认值（）；
$（'li:last'）。在（'li style=“display:none”>一个新项目之后；
$（'li:last'）。向下滑动（“慢速”）；
});

---

您添加一个元素而不显示它，在下一步中，向下滑动将使其显示。

首先，您需要关闭那些

li

标记。HTML:

<ul id="myUL">
  <li> First Item </li>
  <li> Second Item </li>
  <li> Third Item </li>
  <li> Fourth Item </li>
</ul>

第一项
第二项
第三项
第四项

对于js，这里有一个快速而肮脏的方法：

$('#add').click(function(e){
  e.preventDefault();     
  $('li:last').after('<li style="display:none"> A New Item </li>');
  $('li:last').slideDown("slow");
});

$（'#添加'）。单击（函数（e）{
e、 预防默认值（）；
$（'li:last'）。在（'li style=“display:none”>一个新项目之后；
$（'li:last'）。向下滑动（“慢速”）；
});

---

添加一个元素而不显示它，在下一步中，向下滑动将使其显示。

先关闭元素

和

先关闭元素

和