@JyriG

Slick Slider работает, но как-то странно, можете помочь?

Привет всем!) Я учу Фронт-Енд два месяца, и сейчас делаю свою первую сайт-Визитку. Всё шло как по маслу, но подключив слайдер, случилось что-то непонятное. А именно: 5a09cc81658cc388237797.png

Вот HTML код;
<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Домашка</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Домашнее задание">
	<meta name="keywords" content="Домашка, задание, верстка">

	<!-- Bootstrap connecting -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">	

	<!-- Styles -->
	<link rel="stylesheet" href="css/jquery.arcticmodal-0.3.css">
	<link rel="stylesheet" href="css/simple.css">
	<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.8.0/slick.css"/>
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/media.css">
</head> 			
  ...
 ....
                         <div class="rewiews__heading">
				Отзывы наших клиентов
			</div>
			<div class="row rewiews__js-carousel">
				<div class="rewiews__row rewiews__js-carousel__oneslide col-xl-12">
                                         <!-- Контент-->
				</div>
		<div class="rewiews__row rewiews__js-carousel__oneslide col-xl-12">
                                         <!-- Контент-->
				</div>
		<div class="rewiews__row rewiews__js-carousel__oneslide col-xl-12">
                                         <!-- Контент-->
				</div>
....
....
<script src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/jquery.arcticmodal-0.3.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>


А вот Javascript Код:
$(function(){
	$('.first__phone_number').click(function() {
    	$('exampleModal').arcticmodal();
    })
});
$(document).ready(function(){
  $('.rewiews__js-carousel').slick({});
});


Пожалуйста, подскажите что я сделал неправильно, как оплошал с кодом. Буду крайне признателен :)
  • Вопрос задан
  • 1142 просмотра
Решения вопроса 1
@trofimovdev
Python
Забыли подключить CSS

Сразу CDN тогда уж скину :)
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.css">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.min.css">
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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