Ich versuche, das Eulenkarussell nach einem erfolgreichen Ajax-Anruf neu zu initialisieren. Der Ajax-Aufruf ändert die Daten, aber die Ansicht sollte gleich bleiben. Ich habe ein Problem, bei dem die Ansicht (die Karussellstruktur) nicht erneut initialisiert wird. Beim Laden der Seite ist alles in Ordnung.

Ich verwende Version 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
       });
      }
   });
}

Fehlt mir etwas, was ich tun muss? Ich habe mir dieses Problem auf der Github-Seite angesehen und die Vorschläge ausprobiert, aber ohne Erfolg.

Bearbeite

Aus den gegebenen Ratschlägen habe ich diese beiden Funktionen erstellt

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();
  }
}

Es scheint zu funktionieren, aber fragen Sie sich, ob dies der richtige Weg ist, dies zu tun?