WordPress 自定义插件答案

【问题标题】：Wordpress Custom PluginsWordPress 自定义插件
【发布时间】：2017-04-03 20:31:18
【问题描述】：

我正在构建一个 Wordpress 网站，这是我第一次使用自定义轮播。我从这个 codepen 中发现了这个想法。

我被引导到这个 repo

我按照说明将这个样式表放在在 header.php 中。

以及结束正文之前的这个脚本标记。

和 npm install slick-carousel 在终端上并在 main.js 中调用元素，但它仍然不起作用，即使我按照 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>

感谢您的帮助！

【问题讨论】：

标签： javascript jquery wordpress plugins

【解决方案1】：

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

如果这不是问题，我使用 Slick 的方式是在要制作轮播的元素中使用类或 id，然后在页面末尾的脚本标记中使用 slick 函数。

所以如果你的 div 结构有类 slick-div，

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

【讨论】：