动画’insertBefore’jquery

前端之家收集整理的这篇文章主要介绍了动画’insertBefore’jquery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法添加动画到’插入前“?我有一个很好的业务要求,从右边的最后一个位置到左边的第一个位置,在导航中有一个标签.

当这种情况发生时,企业希望显而易见,并希望通过动画方式进行移动.

所以简单的例子就是这样:

说这是有问题的导航.

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

任何方式使以下行为动画?

$("li:last").insertBefore("li:first");

解决方法

你可以这样做:
$("li:last").slideUp(function() {
  $(this).insertBefore("li:first").slideDown();
})​;​

You can test it here,他们的关键是在动画完成后通过在回调中执行.insertBefore().这几个动画选项之一,例如您可以使用any of the effects here(您需要为他们添加jQuery UI).

原文链接:https://www.f2er.com/jquery/176894.html

猜你在找的jQuery相关文章