Карусель Owl перестает работать после получения содержимого внешней страницы с помощью jQuery '.load()' ⇐ Jquery

[Гость]

Я уже настроил карусель совы, и она работает на странице, но при .load() тот же контент на другую страницу извне, это не работает. Я пробовал разные методы и практики, но мне это не помогло. Есть решение?
// Содержимое динамической модели /* Он берет модальное содержимое со страницы shop-single-modal.html и загружает в целевой div*/ $("body").on("click", '[data-toggle="modal"]', function () { // Целевое модальное окно let targetDiv = $($(this).data("target") + ".modal-body"); // Удаленный модальный идентификатор из значения атрибута: data-remote="value" let modalId = $(this).data("удаленный"); // Целевой модальный заголовок $($(this).data("цель") + ".modal-header h4").text( `Модальный удаленный идентификатор: ${modalId}` ); // Целевой модальный контент заменен модальным контентом, загруженным по определенному пути targetDiv.load( `shop-single-modal.html ${$(this).data("target")} .modal-body` ); }); // Конфигурация совы в мопсе .product-carousel.owl-carousel.gallery-wrapper.dots-inside#qv-main a(href='img/shop/single/01.jpg' data-size='1000x667' data-sub-html=".caption1").item img(src='img/shop/single/01.jpg' alt='Продукт') a(href='img/shop/single/02.jpg' data-size='1000x667' data-sub-html=".caption2").item img(src='img/shop/single/02.jpg' alt='Продукт') a(href='img/shop/single/03.jpg' data-size='1000x667' data-sub-html=".caption3").item img(src='img/shop/single/03.jpg' alt='Продукт') a(href='img/shop/single/04.jpg' data-size='1000x667' data-sub-html=".caption4").item img(src='img/shop/single/04.jpg' alt='Продукт') a(href='img/shop/single/05.jpg' data-size='1000x667' data-sub-html=".caption5").item img(src='img/shop/single/05.jpg' alt='Продукт') // Js-конфигурация совы var sync1 = $("#qv-main"); sync1.owlCarousel({ предметы: 1, Скорость слайда: 2000, навигация: правда, автозапуск: правда, точки: правда, цикл: правда, отзывчивыйRefreshRate: 200, });