Update Owl Carousel 'Seite' auf Event + Bootstrap Tabs

Ich versuche sowohl Owl Carousel als auch Bootstrap zu verwenden, um Registerkarten zu erstellen, die ein kontinuierliches Karussell für die Tab-Navigation haben. Ich möchte auch, dass diese Registerkarten automatisch durchlaufen werden.

Hier ist eine visuelle Referenz:

Und hier ist eine Geige:

Ссылка

Das Haupt-JS, das ich benutze (ich habe die Bereiche auskommentiert, in denen ich feststecke):

Ich bin in der Lage, das meiste von dem zu erreichen, was ich will, wenn der '.active' '.owl-Gegenstand' der fünfte Gegenstand oder darüber ist (dh auf der anderen Eulenkarussell-Seite), dass das Eulenkarussell 'Seite' wird ebenfalls aktualisiert. Es gibt 4 Artikel pro Eulenkarussell 'Seite.' Derzeit, so wie ich es habe, bleibt die Eulenkarussellseite auf der ersten Seite, wenn der '.owl-Gegenstand' den fünften Gegenstand durchläuft.

Vielen Dank im Voraus für alle Einsichten!