Wordpress自定义插件

Question

我正在建立一个Wordpress网站，这是我第一次使用定制的旋转木马。我是从这个codepen那里发现这个想法的。

http://codepen.io/supah/pen/zZaPeE

我被引导到这个回收站

https://github.com/kenwheeler/slick

我按照说明将此样式表放入header.php中。

​

和这个脚本标记在结束正文之前。

npm在终端上安装了slick-carousel，并在main.js中调用了element，但它仍然不能工作，即使我按照html结构放入幻灯片。我错过了什么吗？我希望我的结果看起来和codepen一模一样。

 <div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
  <div><h3>1</h3></div>
  <div><h3>2</h3></div>
  <div><h3>3</h3></div>
  <div><h3>4</h3></div>
  <div><h3>5</h3></div>
  <div><h3>6</h3></div>
 </div>

感谢您的帮助！

Answer 1

首先，Slick requires JQuery，所以要确保你也有它。

如果这不是问题所在，我使用Slick的方法是在要创建caroussel的元素中使用class或id，然后在页面末尾的脚本标记中使用slick函数。

因此，如果您div结构包含slick-div类，

$(document).ready(function(){
    $('.slick-div').slick({
        slidesToShow: 4,
        slidesToScroll: 4
    });
});