[ligisayan]

Есть слайдер, который должен переинициализироваться при каждом клике на кнопку.

вроде все делаю по ману, но слайдер не разрушается, а снова заполняется элементами при повторном клике. Как поправить?

$('#carousel').owlCarousel();

$(".button").click(function() {

  $('#carousel').data('owlCarousel').destroy();
  $('#carousel').owlCarousel({
    items: 3,
    pagination: false,
    navigation: true,
    navigationText: ["", ""],
  });

  $('.list li').each(function() {
    if ($(".list li").hasClass("empty")) {
      console.log("Modified");
    } else {
      $('#carousel').data('owlCarousel').addItem('<div>содержимое</div>');
    };
  });
  $('#carousel').data('owlCarousel').reinit();
});

<ul class="list ">
  <!-- добавленное содержимое -->
</ul>
<div id="carousel" class="owl-carousel">
  <!-- содержимое карусели -->
  <div class="empty"></div>
</div>