Как добавить в карусель динамический товар?

Question

[ligisayan]

Всем привет! Есть у меня подключенная owl-carusel, хочу чтобы она выводила динамически добавляемые товары из виджета со списком, т.е. чтобы li вставлялись на место div - как это можно сделать? Код привожу

/* Карусель */
<div class="container" id="carousel">
  <h3>ДОБАВЛЕННЫЕ БЛЮДА</h3>
  <div id="owl-example" class="owl-carousel">
    <div>
      <li>Товар 1</li>
    </div>
    <div>
      <li>Товар 2</li>
    </div>
    <div>
      <li>Товар 3</li>
    </div>
    <div>
      <li>Товар 4</li>
    </div>
  </div>
</div>

/* Виджет с корзиной */
<div class="widget_shopping_cart_content">
  <ul class="cart_list product_list_widget "></ul>
  <!-- end product list -->
</div>

вот так пробовал - не получается.. ни завести карусель, ни правильно отбразить...

$('#foot-carousel').owlCarousel({
		items : 3,
		pagination : true,
		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

[Иван]

Вы динамически элементы добавить хотите? Тогда переинициализируйте карусель после добавления. Вообще читайте маны, на сайте есть примеры.
owlgraphic.com/owlcarousel/demos/manipulations.html