我在用javascript进行拉斯维加斯幻灯片演示时遇到问题

我已经用npm将jquery插件安装到我的项目中。现在，当我试图按照文档使用它时，它似乎不起作用。我在html中链接了vegas.min.js和vegas.min.css文件

因此，我尝试更改图像、css和js文件的路径。因为我认为这和图像的路径有关

HTML:

<div class="container" id="slide">
    <p class="invisible"></p>
</div>

---

现在，我希望它能每5秒显示一次图像，然后浏览图像，但这并没有发生。控制台中没有任何错误。

找到解决方案

我犯了一个新手错误，在调用jQuery库之前链接了JS文件。

---

链接jQuery后放置js文件修复了这个问题

您的浏览器控制台中是否有任何错误<代码>F12哇，新手犯了错误。。。我在链接jQuery之前链接了我的js文件，在链接jQuery之后放置js文件修复了这个问题。

$(document).ready(function() {
    let imagecollection = [
        {src: './img/slide_0.jpg'},
        {src: './img/slide_1.jpg'},
        {src: './img/slide_2.jpg'},
    ];

    $("#slide").vegas({
        slides: imagecollection,
        transition: 'fade',
        preloadImage: true,
        timer: true,
        shuffle: true,
        delay: 5000,
        animation: 'kenburns',
        cover: true
    });
});