Проблема с Slick Slider: скрипт задает огромную ширину слайдам

152
04 октября 2019, 12:10

В мобильной версии сайта элемент перестраивается в слайдер:

$('.implants-install__list').slick({ 
		responsive: [{ 
			breakpoint: 1199, 
			settings: { 
				slidesToShow: 1, 
				slidesToScroll: 1, 
				fade: true, 
				adaptiveHeight: true, 
				arrows: true, 
				nextArrow: '<div class="slide-arrow slide-next slide-arrow--accent"><svg><use xlink:href="'+$(document.body).attr("data-template-path")+'images/sprites.svg#arrow"></use></svg></div>', 
				prevArrow: '<div class="slide-arrow slide-prev slide-arrow--accent"><svg><use xlink:href="'+$(document.body).attr("data-template-path")+'images/sprites.svg#arrow"></use></svg></div>', 
				infinite: true, 
				// dots: true, 
				customPaging: function (slider, i) { 
					var thumb = $(slider.$slides[i]).data(); 
					return '<a>' + i + '</a>'; 
				} 
			} 
		}, ] 
	});

Ранее все было в порядке, скрипты не менялись, однако теперь наблюдается проблема: скрипт считает огромную ширину для item'ов слайдера и не добавляет классы к кнопкам переключения: http://prntscr.com/mkfano

В результате слайдер просто не отображается на странице: http://prntscr.com/mkfb7f

При этом все остальные слайдеры на сайте инициализируются точно также и работают корректно. Сталкивались с такой проблемой? Как ее можно решить?

Answer 1

После нескольких дней мучений выявила, что проблема была в том, что у блока .implants-install__list (то есть того, к которому применялся Slick) задано CSS-свойство display: flex; Изменение на display: block; решает проблему.

READ ALSO
Ошибки в коде дискорд бота [закрыт]

Ошибки в коде дискорд бота [закрыт]

Показывает 6 ошибок но почему он их показывает у меня не получается понять не подскажете ли в чем здесь проблема?

118
Не запускается приложение на Node.js

Не запускается приложение на Node.js

Возникла проблема с приложением, написанным и тестированным на nodejs v4 и node

110
Выполнение 2 свит алертов подряд

Выполнение 2 свит алертов подряд

Есть проблема с выполнением двух свиит алертов подрядНа странице отображается страница со списком автомобилей

102