@gogadesign

Как правильно инициализировать slick слайдер по открытию модального окна?

Вызов модального окна:
a class="btn btn-warning" href="#" data-toggle="modal" data-target=".bd-example-modal-lg2">Посмотреть работы</a>


<script>
	       $(document).ready(function(){$('.slider3'){
	 $('.slider3').slick({
	 dots: true,
	 infinite: false,
	 slidesToShow: 1,
	 slidesToScroll: 1,
	 prevArrow: '<button type="button" class="slick-prev">Previous<\/button>',
	 nextArrow: '<button type="button" class="slick-next">Next<\/button>',
	}); 
	});
	</script>
	<script>
		$('.slider3').slick('setPosition');

	</script>


slick('setPosition') добавил, но видимо неправильно вписал значение.
По открытию содержимое в слайдере показывается сплошной колонкой вниз. Слайды начинают верно перестраиваться только после прокрутки. Помогите, пожалуйста...
  • Вопрос задан
  • 382 просмотра
Решения вопроса 1
Get-Web
@Get-Web Куратор тега JavaScript
Front-End Developer
slick('setPosition') нужно вызывать после открытия модального окна, а вы вызываете его просто так. Учитывая что инициализация слайдера у вас через $(document).ready(function() то setPosition и не отработает, но это другая история
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы