Обновить сова Карусель кол-во предметов

Я добавил карусель 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');
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
683
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

У меня не сложилось впечатление, что в Owl Carousel есть функция обнаружения и добавления слайдов. Вы можете добавлять и удалять их вручную, но не автоматически.

Вы, вероятно, хотите уничтожить и восстановить:

...trigger('destroy.owl.carousel');
...owlCarousel({...});

Вы можете обнаружить текущий слайд перед перестроением и повторно применить его при перестроении, хотя он может не совпадать в зависимости от того, как изменились данные.

Совет: сэкономьте время на наборе текста и используйте это сокращение с псевдонимом в качестве обертки document.ready. Затем вы можете использовать $ вместо jQuery в операторах скрипта.

jQuery(function($) {
    // your script, e.g. 
    // $('.owl-carousel').trigger();
});

Другие вопросы по теме