Как исправить slider.js для wordpress?

Я пытаюсь создать Slick JS с повторителем ACF, но это не работает.

Следующий код просто показывает изображение за изображением.

Я что-то забыл?

Кстати, я уже зарегистрировал CSS и JavaSscript на functions.php.

<section>
    <div id = "slick-hero">

        <a id = "slick-hero-left" class = "slick-hero__arrow-container slick-hero__arrow-container--prev">
          <div class = "slick-hero__icon-container">
            <div class = "slick-hero__icon">
              <i class = "fas fa-angle-left"></i>
            </div>
          </div>
        </a>

        <a id = "slick-hero-right" class = "slick-hero__arrow-container slick-hero__arrow-container--next">
          <div class = "slick-hero__icon-container">
            <div class = "slick-hero__icon">
              <i class = "fas fa-angle-right"></i>
            </div>
          </div>
        </a>

      <div class = "slick-hero__slider">
        <?php if ( have_rows( 'slider_2019_home' ) ) : ?>
        <?php while ( have_rows( 'slider_2019_home' ) ) : the_row(); ?>
        <div class = "slick-hero__slide" style = "background-image:url(<?php the_sub_field('slider_home_2019_image'); ?>)">
          <div class = "container slick-hero__slide__container">
          <div class = "row">
            <div class = "col-12">
              <div class = "slick-hero__slide__content">
                <a class = "slick-hero__slide__link" href = "<?php the_sub_field('slider_home_2019_link'); ?>">
                  <h4 class = "slick-hero__slide__heading">
                    <?php the_sub_field('slider_home_2019_heading'); ?>
                  </h4>
                  <h2 class = "slick-hero__slide__title">
                    <?php the_sub_field('slider_home_2019_sub_title'); ?>
                  </h2>
                  <hr class = "hero-slider__divider">
                  <p class = "slick-hero__slide__body">
                    <?php the_sub_field('slider_home_2019_body'); ?>
                  </p>
                  <p class = "slick-hero__slide__cta-text">
                    <?php the_sub_field('slider_home_2019_cta_text'); ?>
                  </p>
                </a>
              </div>
            </div>
          </div>
          </div>
        </div>
      <?php endwhile; ?>
      <?php wp_reset_postdata(); ?>
      <?php else : ?>
      <?php endif; ?>
      </div> <?php // end slick-hero__slider ?>
    </div> <?php // end slick-hero ?>
</section>

обновить вопрос с версиями программного обеспечения.

ZF007 25.03.2019 17:00

Можете ли вы воспроизвести проблему в jsfiddle? Можете ли вы подтвердить, что ваш файл javascript успешно поставлен в очередь? Вы получаете какие-либо ошибки JavaScript в своей консоли?

Frits 26.03.2019 13:43
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
0
2
43
1

Ответы 1

Ты бежишь

$(document).ready(function(){
    $(".slick-hero__slider").slick()
})

в любом месте?

``` $(document).ready(function(){ $('.slick-hero__slider').slick({ slidesToShow: 1, slidesToScroll:1, prevArrow: $('#slick-hero-left'), nextArrow : $('#slick-hero-right'), точки: true });

J Cuono 25.03.2019 17:22

$ ('.slick-hotel__slider'). , {точка останова: 768, настройки: {стрелки: ложь, автовоспроизведение: истина, автовоспроизведение: 1000, скорость: 1000, slidesPerRow: 1, строк: 1, } } ] }); $('.slick-dots').addClass("контейнер"); });

J Cuono 25.03.2019 17:22

Другие вопросы по теме