Товар попадает в карусель корзины только с 3ей попытки — почему?

Question

[ligisayan]

Всем привет! Есть интернет-магазин с корзиной, а есть дополнительная корзина (товары она берет из первой корзины) на странице в которой товары загружаются в карусель. Проблема именно в доп корзине: при первой попытке добавить товар в дополнительной корзине выводится пустое поле с надписью "корзина пуста", при втором клике на кнопку добавить пустое поле удаляется и больше ничего не выводится, а уже при 3ем выводится товар как и положено, но он только 3ий товар показывает из корзины, а первые 2 видны только в основной.. Где-то какое-то условие не срабатывает.. не поможете?

<div class="widget_shopping_cart_content">
  <ul class="cart_list product_list_widget ">
    <!-- сюда выводятся товары помещаемые в корзину -->
  </ul>
</div>
<div id="foot-carousel" class="owl-carousel">
  <div>
<!-- здесь формируется карусель -->
    <div class="empty"></div>
  </div>
</div>

$('#foot-carousel').owlCarousel({
  items: 3,
  navigation: true,
  navigationText: ["", ""],
});

$(".add_to_cart_button").click(function() {
  $("#foot-carousel div:contains('Корзина пуста.')").remove();

  $('#foot-carousel').data('owlCarousel').addItem('<div>' + $('.cart_list li:last').html() + '</div>');
  $(".fixed-bottom").show().fadeTo("slow");
});

Answer 1

[WhiteSama]

$(".add_to_cart_button").click(function() {
  $("#foot-carousel div:contains('Корзина пуста.')").remove();

  $('#foot-carousel').data('owlCarousel').addItem('<div>' + $('.cart_list li:last').html() + '</div>');
  $(".fixed-bottom").show().fadeTo("slow");
});

Логику этого куска поменяйте.

Comments

[ligisayan]

WhiteSama да, я понимаю, что нужно поменять логику, только вот не знаю как - не поможете?

[ligisayan]

WhiteSama - вот так не подойдет? $.when($('.list').append($("")).done(function(){}