Как исправить slider.js для WordPress? - PullRequest
Новая
       14

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

0 голосов
/ 25 марта 2019

Я пытаюсь создать 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>

1 Ответ

0 голосов
/ 25 марта 2019

Ты бежишь 

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

где-нибудь? * * 1004

...