анимационный 'insertBefore' jquery
Существует ли способ добавить анимацию к 'inserBefore'? У меня есть странное бизнес-требование иметь вкладку в перемещении навигации от последней позиции справа к первой позиции слева.
Бизнес хочет, чтобы это было очевидно, когда это происходит и хотение с преодолеть анимированным способом.
Таким образом, упрощенный пример - это:
Скажите, что это - военно-морское рассматриваемое.
<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");
2 ответа
Вы можете сделать это так:
$("li:last").slideUp(function() {
$(this).insertBefore("li:first").slideDown();
});
Вы можете проверить это здесь , их ключ - выполнить .insertBefore () после анимация завершается выполнением этого в обратном вызове. Это один из нескольких вариантов анимации, например, вы можете использовать любой из эффектов здесь (для них вам необходимо включить jQuery UI).
Попробуйте это, посмотрите, сможете ли вы отредактировать анимацию так, как хотите.
$('li:last')
.animate({height:'toggle'},200)
.insertBefore('li:first')
.animate({height:'toggle'},200);