无法使用insertBefore jQuery进行动画处理

Question

我正在使用HTML5列表。我想用动画动态添加新的'li'。我使用了insertBefore函数。任何想法如何使用幻灯片效果（水平小部件列表）动画列表。

Answer 1

尝试更新回答

＆＃13;

＆＃13;

$("<li>Test</li>").insertBefore(".inner").hide().toggle('slide');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="container">
  <li>Greetings</li>
  <li class="inner">Hello</li>
  <li class="inner">Goodbye</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

Answer 2

试试这个

@ phargav的答案中有点修改

希望它会有所帮助：）

$("<li style='display:none'>Test</li>").insertBefore(".inner").slideDown();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="container">
  <li>Greetings</li>
  <li class="inner">Hello</li>
  <li class="inner">Goodbye</li>
</ul>