Как инициализировать owl carousel снова, после того как ajax фильтр (FacedWp) обновит данные?

Question

[righto]

Есть карусель Owl и есть ajax плагин для фильтрации. После первого же использования фильтра, карусель пропадает, пробовала сделать так:

(function($) {
			document.addEventListener('facetwp-loaded', function() {

				$('#news__carousel_main').owlCarousel({
					loop:true,
					margin:30,
					nav:true,
					dots:true,
					responsive:{
						0:{
							items:1
						},
						600:{
							items:3
						},
						1000:{
							items:3
						}
					}
					
				});
				
			 });
		})(jQuery);

Результата нет.

Answer 1

[Евгений]

Что значит карусель пропадает?
После фильтрации есть блок карусели с элементами?

Comments

[righto]

Здравствуйте, можете посмотреть cr73147.tmweb.ru/dogs
Раздел Наши собаки. Там пока только кнопка "все", если ее нажать, карусель перестает работать, остается только ее html-скелет

[Евгений]

перед обновлением карусели необходимо ее сбросить и затем инициализировать заново

$(document).on('facetwp-loaded', function() {
	$('#news__carousel_main').trigger('destroy.owl.carousel');
	$('#news__carousel_main').owlCarousel({
		loop:true,
		margin:30,
		nav:true,
		dots:true,
		responsive:{
			0:{
				items:1
			},
			600:{
				items:3
			},
			1000:{
				items:3
			}
		}	
	});
});