Почему не работает скрипт?

Question

[Vladimir]

Подключен скрипт слайдера slick, подключение есть и консоль ошибок не выдает. Суть: скрипт видит но его не выполняет.

<section class="reviews">
        <div class="container">
            <div class="title">
                <h2>отзывы наших клиентов</h2>
            </div>
            <hr class="line">
            <div class="description">
                Мы всегда стараемся помочь клиентам, что бы они обращались к нам снова
            </div>
        </div>

        <div class="reviews_slider">
            <div> <img src="img/reviews/Olga1.jpg" alt="slide1"></div>
            <div> <img src="img/reviews/Olga1.jpg" alt="slide2"></div>
            <div> <img src="img/reviews/Olga1.jpg" alt="slide3"></div>
        </div>
    </section>

$(document).ready(function(){
  $('.reviews_slider').slick({
    centerMode: true,
    centerPadding: '60px',
    slidesToShow: 3

  });
});

Comments

[Kovalsky]

Лучше покажите живой пример на jsfiddle/codepen

[Morrowind]

Привет.
1 - не совсем понятно зачем $(document).ready(function() ? по готовности отрабатывать? попробуй без нее.
2 - все ли ты верно добавил и подключил в html из библиотеки.
вот пример с мануала

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="/slick/slick.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="/slick/slick-theme.css"/>

3 - судя по мануалу нужны запяпые везде (иногда в JS это критично). У тебя не стоит ее тут.
slidesToShow: 3,

[Vladimir]

Все попробовал ни чего не помогло.
Загрузил сюда: https://codepen.io/Oerby/pen/oNbYxVP (не знаю правильно ли я там все сделал).

[Vladimir]

Kovalsky,
Загрузил сюда: https://codepen.io/Oerby/pen/oNbYxVP (не знаю правильно ли я там все сделал).

[Vladimir]

Morrowind,
Попробовал не помогло.
Загрузил сюда: https://codepen.io/Oerby/pen/oNbYxVP (не знаю правильно ли я там все сделал).

[Kovalsky]

Vladimir, в консоли куча ошибок, смотрите

Answer 1

[SevSergei]

может надо обертку div убрать? Сразу img внутри reviews_slider