Есть ли способ, которым я могу анимировать перемещение родительских детей, выложенных в сетке от последнего элемента до первого элемента, путем добавления (.append()) его или любого другого метода?Анимация добавления последнего дочернего элемента к первому
ответ
Вы можете приглушить элемент, удалить его, добавьте его и скрыть, а затем исчезают в Вот пример, jsfiddle:.
$(document).ready(function(){
$(".do").click(function() {
$(".last").fadeOut(1000, function() {
var $last = $(this).remove();
$last.hide();
$("ul").prepend($last);
$last.fadeIn(1000);
});
});
});
Хорошо, теперь у нас есть больше информации, возможно, мы можем придумать с частичным решением.
В этом FIDDLE. Owner div установлен фиксированным размером, который допускает только два ряда мини-div.
Вы удаляете конец один, хорошо, но если вы положите его спереди (preend()), все сдвинется вправо.
Микки является первым, Чип и Дейл последним - Когда они перемещаются на фронт, Микки движется вправо, а остальные сдвигаются соответственно.
Я уверен, что есть более элегантные способы сделать это, но, по крайней мере, это начало.
Я использовал анимацию только для замедления процесса - я уверен, что вам это не понадобится.
JS
$('.holder').animate(
{
width: 401
},
1000,
function(){
var copypic = $('.holder div:last-child').clone();
$('.holder div:last-child').remove();
$('.holder').prepend(copypic);
});
Вот FIDDLE, где написано как функция, и постоянно перемещает изображения вокруг.
- 1. LinkedList Перемещение последнего элемента к первому элементу
- 2. Найти правильный CSS-селектор для добавления последнего дочернего элемента JQuery
- 3. Поиск последнего дочернего элемента каждого элемента
- 4. смещение последнего элемента списка к первому элементу списка
- 5. Переход от последнего уровня объекта к первому
- 6. TCP приема последнего к первому, я думаю,
- 7. Анимация дочернего элемента с ngAnimate и animate.css
- 8. Как добавить элемент после последнего дочернего элемента?
- 9. RecyclerView слайд-анимация без обрезки последнего элемента
- 10. RecyclerView: анимация последнего элемента на notifyItemRemoved() видео
- 11. Вызывается метод doLayout() a после добавления дочернего элемента к родительскому?
- 12. Доступ к ParentForm из дочернего элемента и обеспечение его добавления
- 13. Rails Route для добавления дочернего элемента к родительскому
- 14. JSTL Еогеасп - как цикл от последнего к первому
- 15. WP7 - Анимация добавления/удаления элемента в ListBox
- 16. Добавление дочернего элемента к JButton
- 17. Symfony2: удалить родительский объект при удалении последнего дочернего элемента
- 18. Выбор дочернего элемента дочернего элемента div
- 19. Обнаружение последнего дочернего элемента управления и изменение одного свойства
- 20. динамическое таргетирование последнего дочернего элемента div (совпадающая игра)
- 21. Как удалить свойство css из последнего дочернего элемента?
- 22. JQuery цикл: Прокрутка назад к первому слайду после последнего слайда
- 23. (JS) make for-loop функция перейти от последнего к первому
- 24. Looping array - Переход от последнего к первому и наоборот?
- 25. Как итерация от последнего индекса к первому в таблице
- 26. Как петля (от последнего фрагмента к первому) в FragmentStatePagerAdapter
- 27. Возвращаясь к первому индексу после достижения последнего в массиве
- 28. handlebars - как получить доступ к первому элементу дочернего массива?
- 29. jQuery Loop: вернитесь к первому элементу, когда достигли последнего элемента в слайд-шоу?
- 30. Анимация для дочернего объекта
Возможно, вы посмотрите на это предыдущее сообщение: http://stackoverflow.com/questions/1520178/jquery-using-append-with-effects – Littm
Просто для удовольствия и в честь Start Trek - http: // jsfiddle.net/timspqr/49gGx/ – TimSPQR
Спасибо ... Я ищу что-то, где я могу сортировать «сдвиг» и «переходить» на сетку, когда добавляю и удаляю плитки ... своего рода эффект метро, но он «сдвигает» каждую плиту поперек и вниз. – Kendall