Я пытаюсь повторно инициализировать карусель совы после успешного вызова ajax. Вызов ajax изменит данные, но представление останется таким же. У меня проблема, когда представление (структура карусели) не будет повторно инициализироваться. Все в порядке при загрузке страницы.
im с использованием версии 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();
}
}
Кажется, что работает, но интересно, правильно ли это сделать?