@oelena

Как добавить к уже инициализированному swiper js дополнительные свойства?

Добрый день. В работе использую swiper js.
Написан универсальный скрипт для запуска свайпера на разных страницах.
var windowWidth1 = 0;
$(window).on('load resize', function() {
	var windowWidth = window.outerWidth;
	if (windowWidth1 !== windowWidth) {
		console.log(windowWidth);
		windowWidth1 = windowWidth;
		$(".swiper-container:not(.swiper-container-initialized):visible").each(function() {
			if ($(this).data('swiper-loop') === 1) {
				var param = {
					slidesPerView: 'auto',
					loopedSlides: 0,
					loop: true,
					freeMode: true,
				}
			} else if ($(this).data('swiper-loop') === 2) {
				var param = {
					loop: true,
					pagination: {
						el: '.swiper-pagination',
						clickable: true,
					}
				}
			} else {
				var param = {
					slidesPerView: 'auto',
					loopedSlides: 0,
					freeMode: true,
				}
			}
			var init = $(this).data('swiper-on');
			if (parseInt(init) > 1) {
				if (windowWidth <= init) {
					new Swiper($(this)[0], param);
				}
			} else {
				new Swiper($(this)[0], param);
			}
		});

		$(".swiper-container.swiper-container-initialized").each(function() {
			var disableWidth = $(this).data('swiper-on');
			if (parseInt(disableWidth) > 0) {
				if (windowWidth > disableWidth && disableWidth !== 1) {
					this.swiper.destroy();
				}
			}
		});
		$(".swiper-container.swiper-container-initialized:not(:visible)").each(function() {
			this.swiper.destroy();
		});
	}
});

Но вот как добавить дополнительные свойства для отдельно взятых слайдеров на страницах?
Например у одного слайдера стрелки есть, а у другого нет. Не хочется дописывать каждый раз условие в универсальный скрипт. Может есть вариант например проверки по доп классу или по родителю - если у элемента такой то доп класс, то добавляем ему еще свойства (а не каждый раз переписывать их по новой).
Смотрела различные варианты в интернете. И вот не поняла как правильно записать, чтоб работало. Если можно - лучше пример кода. js еще изучаю.
  • Вопрос задан
  • 440 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы