Я много искал в интернете, и у меня ничего не получалось. Вот соответствующие коды. Я пытался перейти по этой ссылке Сова карусель с демонстрацией AJAX, но может быть что-то я пропустил.
HTML
<div id="footer-gallery" class="owl-carousel owl-theme">
</div>
JS
$.ajax({
url: siteUrl,
type: 'POST',
data: {
page_no: pageNumber,
},
success: function(data) {
if(data.status == 200)
owl.trigger('insertContent.owl',[data.html]);
},
error: function(e) {
}
HTML-данные из ajax
<div class="item"> image content here </div>
<div class="item"> image content here </div>
После вызова ajax исходный html изменяется следующим образом.
Изменен HTML
<div class="owl-carousel owl-theme owl-loaded" id="footer-gallery">
<div class="owl-stage-outer">
<div class="owl-stage"></div>
</div>
</div>
Задача ещё не решена.
Других решений пока нет …