未定义 Swiper

如何解决未定义 Swiper

我尝试在具有自定义主题的 wordpress 网站中使用 Swiper js。

https://swiperjs.com/demos/270-mousewheel-control/core.html

我的控制台中总是出现 js 错误：未定义“Swiper”

我的代码：

<div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
        <div class="swiper-slide">Slide 4</div>
        <div class="swiper-slide">Slide 5</div>
        <div class="swiper-slide">Slide 6</div>
        <div class="swiper-slide">Slide 7</div>
        <div class="swiper-slide">Slide 8</div>
        <div class="swiper-slide">Slide 9</div>
      </div>
      <div class="swiper-pagination"></div>
    </div>

在我的自定义 JS 文件中，我添加：

var swiper = new Swiper(".swiper-container",{
    direction: "vertical",slidesPerView: 1,spaceBetween: 30,mousewheel: true,pagination: {
      el: ".swiper-pagination",clickable: true,},});