Блог

Я не могу заставить скользкий слайдер работать. Я создаю пользовательскую тему wordpress, и мне нужно иметь возможность реализовать слайдер. Я искал повсюду и перепробовал множество решений, ни одно из которых не сработало. Я не верю, что слайдер по какой-то причине инициализируется! У меня есть как js, так и css в очереди.

wp_enqueue_script( «гладкий», get_template_directory_uri() . «/js/slick.min.js’, «, «, true ); wp_enqueue_script( ‘cm’, get_template_directory_uri() . ‘/js/cm.js’, «, «, true ); wp_enqueue_style( ‘стили слика’, get_template_directory_uri() . ‘/css/slick.min.css’, массив(), $css_version );

У меня также есть копия файла js в папке js, и оба файла CSS помещены в папку css.

Ниже приведено содержание слайда:

 <div class="posts-carousel slick-slider ">   
<?php   
query_posts(array( 'showposts'    
=> 12,'post_type'    
=> 'reviews'           
  ));   
while (have_posts()) { the_post(); ?>       
<div class="card">
    <h3><?php the_field('review_title');?></h3>
    <p><?php the_field('review_description');?></p>
    <h6><?php the_field('customer_name');?></h6>
</div>
<?php   }   wp_reset_query();   ?>   
</div>
 

cm.js содержит функцию для инициализации ползунка;

 ( function( $ ) {
  class SlickCarousel {
    constructor() {
      this.initiateCarousel();
    }

    initiateCarousel() {
      $( '.posts-carousel' ).slick( {
        autoplay: true,
        autoplaySpeed: 1000,
        slidesToShow: 3,
        slidesToScroll: 1,
      } );
    }
  }

  new SlickCarousel();

} )( jQuery );