Javascript 光滑的滑块与视觉作曲家

我想在我的主题中使用带同步选项的滑动条。我在我的functions.php中添加了js&css文件。我在VC中创建了行，然后创建了两列。在第一栏中，我有3段。在第二列，我有3张图片。我想滚动段落并更改图像。这就是现在的样子

在我的自定义js中，我添加了如下内容

 $('.slider-for').slick({
   slidesToShow: 1,
   slidesToScroll: 1,
   arrows: false,
   fade: true,
   asNavFor: '.slider-nav'
 });
 $('.slider-nav').slick({
   slidesToShow: 3,
   slidesToScroll: 1,
   asNavFor: '.slider-for',
   dots: true,
   centerMode: true,
   focusOnSelect: true
 });

结果我得到了这样的东西

---

我的代码怎么了？我应该在哪里为slick slider添加类？谢谢你的帮助

您是否在文档准备功能中添加了脚本？是的，先生。可能是VC类出了问题？控制台中有错误吗？没有。代码看起来一切正常。我想它可能是类或其他东西。您是否在文档准备功能中添加了脚本？是的，先生。可能是VC类出了问题？控制台中有错误吗？没有。代码看起来一切正常。我想可能是上课什么的。