在WordPress搭配Oxygen Builder时Glide.js滑块无法正常切换的问题求助

我现在碰到个棘手的问题：用Oxygen Builder在WordPress里做自定义轮播滑块，用的是Glide.js，但滑块完全没法切换——不管点左右按钮还是拖拽都没反应。

我在页面上添加了代码块来构建滑块结构并初始化，代码是这样的：

<div class="glide">
  <div class="glide__track" data-glide-el="track">
    <ul class="glide__slides">
      <li class="glide__slide"><img class="abimg1" src="/wp-content/uploads/2025/01/blank.png"></li>
      <li class="glide__slide"><img class="abimg2" src="/wp-content/uploads/2025/01/blank.png"></li>
      <li class="glide__slide"><img class="abimg3" src="/wp-content/uploads/2025/01/blank.png"></li>
      <li class="glide__slide"><img class="abimg4" src="/wp-content/uploads/2025/01/blank.png"></li>
    </ul>
  </div>
  <div class="glide__arrows" data-glide-el="controls">
   <button class="glide__arrow glide__arrow--left" data-glide-dir="&lt;">&lt;</button>
   <button class="glide__arrow glide__arrow--right" data-glide-dir="&gt;">&gt;</button>
  </div>
</div>

<script>
new Glide('glide', {
  type: 'carousel',
  startAt: 0,
  autoplay: 4000,
  rewind: true,
  focusAt: 'center',
  perView: 1
})
</script>

另外我已经上传了Glide的CSS和JS文件，用WPcode插件在页面头部引入了这些资源：

<link rel="stylesheet" type="text/css" href="/wp-content/uploads/glide/glide.core.css" />
<link rel="stylesheet" type="text/css" href="/wp-content/uploads/glide/glide.theme.css" />
<script src="/wp-content/uploads/glide/glide.js"></script>

现在页面上能看到一张图片和左右按钮，样式也正常加载了，但就是没法切换幻灯片。实际的图片我是通过CSS设置背景图添加到每个slide里的。

我完全是按照Glide.js官方文档的步骤来做的，也试过用默认初始化参数，结果还是一样。因为我本身对HTML和JavaScript几乎一窍不通，谷歌搜了两天解决方案也没找到头绪，实在没办法了才来求助！

备注：内容来源于stack exchange，提问作者Lex-ex-x