Я пытаюсь повторно инициализировать карусель Owl после успешного вызова AJAX. Вызов ajax изменит данные, но представление должно остаться прежним. У меня возникла проблема, когда представление (структура карусели) не будет инициализироваться повторно. Все хорошо при загрузке страницы.

Я использую версию 1.3.3

$(document).ready(function() {
 $(".owl-carousel").owlCarousel({
   items : 3
 });
});

Ajax Call

$.ajax({
    type: 'get',
    url: '/public/index',
    dataType: 'script',
    data: data_send,
      success: function(data) {
       $(".owl-carousel").owlCarousel({
         items: 3
       });
      }
   });
}

Я что-то упустил, что мне нужно сделать? Я посмотрел на эту проблему на странице GitHub и попробовал предложения, но безрезультатно.

редактировать

Из приведенного совета я создал эти две функции

function owlCarousel() {
  var owl = $(".owl-carousel"); 
  //init carousel
  owl.owlCarousel();
    owl.data('owlCarousel').reinit({
     items : 3
    });
}

function destroyOwlCarousel() {
  var owl = $(".owl-carousel");
  //init carousel
  owl.owlCarousel();
    owl.data('owlCarousel').destroy();
  }
}

Кажется, это работает, но интересно, это правильный способ сделать это?