Не пойму почему не подключается плагин slick. В чем моя ошибка?

Question

[Dovitwtu]

Добрый вечер. Не получается подключить плагин slick. Подключаю в head

<link   rel="stylesheet" href="slick/slick-theme.css">
<link   rel="stylesheet" href="slick/slick.css">

Сам html код

<div class="direction-blocks">
	<div class="directions-block" style="background-image: url(img/directions/1.png);">
		<h3>Девелоперские проекты</h3>
	</div>
	<div class="directions-block" style="background-image: url(img/directions/2.png);">
		<h3>Продажа недвижимости</h3>
	</div>
	<div class="directions-block" style="background-image: url(img/directions/3.png);">
		<h3>Строительство</h3>
	</div>
	<div class="directions-block" style="background-image: url(img/directions/4.png);">
		<h3>Инвестиционные программы</h3>
	</div>
	<div class="directions-block" style="background-image: url(img/directions/5.jpg);">
		<h3>Финансовые инструменты</h3>
	</div>
	</div>

Перед закрывающимся тегом body подключаю

<script src="slick/slick.js"></script> 
<script>
        $('.direction-blocks').slick({
        arrows: false,
	dots: true,
	slidesToShow: 4,
	slidesToScroll: 1
	});
	</script>

Comments

[Ernest Faizullin]

посмотри в консоли, подрубился ли файл slick/slick.js

[Dovitwtu]

Ernest Faizullin,
Вот что в консоле

Answer 1

[Владислав]

Инициализоровать нужно когда ДОМ загрузился.

$(document).ready(function(){
      $('.your-class').slick({
        setting-name: setting-value
      });
    });