Я пытаюсь создать 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>
Можете ли вы воспроизвести проблему в jsfiddle? Можете ли вы подтвердить, что ваш файл javascript успешно поставлен в очередь? Вы получаете какие-либо ошибки JavaScript в своей консоли?






Ты бежишь
$(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 });
$ ('.slick-hotel__slider'). , {точка останова: 768, настройки: {стрелки: ложь, автовоспроизведение: истина, автовоспроизведение: 1000, скорость: 1000, slidesPerRow: 1, строк: 1, } } ] }); $('.slick-dots').addClass("контейнер"); });
обновить вопрос с версиями программного обеспечения.