Javascript 猫头鹰转盘不工作！网络开发新手

我想在这个网站的“浏览所有课程”按钮上方重新创建旋转木马

我想让这篇文章尽可能直截了当，但stackoverflow似乎迫使我输入更多内容，所以我会给你们更多细节。如果您想节省时间，只需跳过下一节的全部内容。

详细信息：

预期结果：

一行中有多张卡，旁边有“”控件，允许用户浏览这些卡。在谷歌和youtube上深入研究后，我发现了“猫头鹰转盘”插件或任何似乎对我有用的东西。所以我试着重新创建这个旋转木马：然后我会重新定位控件

实际结果：

没有旋转木马，如果我添加更多的卡片或改变显示尺寸，它们都会缩小以适应它们的容器（我尝试过使用“flex wrap”，但它没有改变任何东西）

我所尝试的：

正在添加自动播放、自动播放超时等。。。来自stackoverflow和其他网站上不同的类似问题

我相信问题在于我是如何/在哪里导入css、js等的。但是我试着把它放在头上、脚上，一切都是真的，但都不起作用

这是我的全部代码：

*{
填充：0；
保证金：0；
}
.包装网格{
显示：网格；
身高：100%；
放置项目：中心；
文本对齐：居中；
背景:#2727；
}
.滑块{
/*最大宽度：1000px*/
/*溢出：隐藏*/
}
.卡片{
边框颜色：#272727；
弹性：1；
}
.卡img top{
高度：200px；
宽度：100%；
背景#471A69；
}
.卡img顶img{
身高：100%；
宽度：100%；
对象匹配：覆盖；
}
.卡体{
背景：7A2DB5；
}
.卡体p{
文本对齐：对齐；
}

你好，世界！
Adobe套件
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。
流动资金，iusto。奎斯
面部无动体？真理劳丹替尼图尔。

独自创立
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。
流动资金，iusto。奎斯
面部无动体？真理劳丹替尼图尔。

PHP
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。
流动资金，iusto。奎斯
面部无动体？真理劳丹替尼图尔。

python
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。
流动资金，iusto。奎斯
面部无动体？真理劳丹替尼图尔。

Wordpress
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。
流动资金，iusto。奎斯
面部无动体？真理劳丹替尼图尔。

Javascript
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。
流动资金，iusto。奎斯
面部无动体？真理劳丹替尼图尔。

var owl=$（'.owl carousel'）；
$（文档）.ready（函数（）{
猫头鹰旋转木马({
项目：3，
循环：对，
差额：10，
自动播放：对，
自动播放超时：1000，
自动播放暂停：true
});
$（'.play'）。在（'click'，函数（）{
触发器（'play.owl.autoplay'，[1000]）
})
$（'.stop'）。在（'click'，函数（）{
触发器（'stop.owl.autoplay'）
})
});

似乎对我有用。 您真的确定正确加载了jquery吗？ 您是否在控制台中看到错误

*{
填充：0；
保证金：0；
}
.包装网格{
显示：网格；
身高：100%；
放置项目：中心；
文本对齐：居中；
背景:#2727；
}
.滑块{
/*最大宽度：1000px*/
/*溢出：隐藏*/
}
.卡片{
边框颜色：#272727；
弹性：1；
}
.卡img top{
高度：200px；
宽度：100%；
背景#471A69；
}
.卡img顶img{
身高：100%；
宽度：100%；
对象匹配：覆盖；
}
.卡体{
背景：7A2DB5；
}
.卡体p{
文本对齐：对齐；
}

你好，世界！
Adobe套件
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。
流动资金，iusto。奎斯
面部无动体？真理劳丹替尼图尔。