Я добавил карусель Owl на страницу. Я хочу обновить количество элементов после вызова ajax. Я пробовал это, но это не работает с моей стороны.
jQuery('.owl-carousel').owlCarousel({
items: 4,
responsive: {
0: {
items: 1,
nav: true
},
640: {
items: 2,
nav: true
},
1025: {
items: 4,
nav: true
}
}
});
jQuery('.owl-carousel').trigger('initialize.owl.carousel');
jQuery('.owl-carousel').trigger('refresh.owl.carousel');
У меня не сложилось впечатление, что в Owl Carousel есть функция обнаружения и добавления слайдов. Вы можете добавлять и удалять их вручную, но не автоматически.
Вы, вероятно, хотите уничтожить и восстановить:
...trigger('destroy.owl.carousel');
...owlCarousel({...});
Вы можете обнаружить текущий слайд перед перестроением и повторно применить его при перестроении, хотя он может не совпадать в зависимости от того, как изменились данные.
Совет: сэкономьте время на наборе текста и используйте это сокращение с псевдонимом в качестве обертки document.ready
. Затем вы можете использовать $
вместо jQuery
в операторах скрипта.
jQuery(function($) {
// your script, e.g.
// $('.owl-carousel').trigger();
});