@Genri_Rus

Почему с append() данные из цикла выводятся неправильно?

Доброго времени суток!

Вот пример: https://codepen.io/Genri_Rus/pen/gyKjRR

У меня есть цикл, в котором выводятся данные из localStorage -

let cartArray = shoppingCart.listCart();
      let mHTML;
      for (let i in cartArray) {
        mHTML = '<div class="item">'
        mHTML += '<a href="' + cartArray[i].a + '" title="' + cartArray[i].title + '"><img src="' + cartArray[i].img + '"' + '></a>'
        mHTML += '<span class="copy">' + cartArray[i].p[0] + '</span>'
        mHTML += '<span class="copy-2">' + cartArray[i].p[1] + '</span>'
        mHTML += '<span class="remove-item" id="' + cartArray[i].id + '"><i class="fa fa-trash-o" aria-hidden="true"></i></span>'
        mHTML += '</div>';
    }  
      $(modal).append(mHTML); // вывод данных

Дело в том, что html() перезаписывает все данные из цикла, но мне нужна плавная анимация вывода в модальное окно из localStorage

Я пробовал сделать с помощью append - пример

Однако он работает как-то неправильно, при удалении из модельного окна - у меня появляются скрытые item'ы

P.S. Может кто-то знает, как можно сделать плавную анимацию вывода элементов из модального окна ?
  • Вопрос задан
  • 181 просмотр
Пригласить эксперта
Ответы на вопрос 1
@igotDiamonds
Попробуй метод jquery .animate
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы