Javascript Glider.js不工作。我的旋转木马，使用glider JS不工作/

我尝试使用glider.js从创建一个旋转木马。我遵循了所有的步骤，但它不起作用。你能帮帮我吗？我点击箭头，它就不动了

<div class="glider-contain">

    <button class="glider-prev">
        <i class="fa fa-chevron-left"></i>        
    </button>



    <div class="glider">
        <div> <img src="./img/barcelona-img.png" alt="Barcelona"></div>

        <div> <img src="./img/madrid.png" alt="Madrid"></div>

        <div> <img src="./img/paris.png" alt="Paris"></div>

        <div> <img src="./img/paris.png" alt="Paris"></div>

        <div> <img src="./img/paris.png" alt="Paris"></div>
    </div>

    <button class="glider-next">
        <i class="fa fa-chevron-right"></i>        
   </button>


</div>

</div>

<script src="./glider.min.js"></script>
<script src="../index.js "></script>
<script>
    new Glider(document.querySelector('.glider'), {
        slidesToShow: 3,
        dragable: true,
        arrows: {
            prev: '.glider.prev',
            next: '.glider-next'
        }
    })
</script>

新Glider（document.querySelector（“.Glider”）{
幻灯片放映：3，
可拖动：是的，
箭头：{
上一页：'.glider.prev'，
下一个：“.滑翔机下一个”
}
})

H，我尝试在html正文之前加载脚本文件

在窗口完全加载后也调用Glide

window.addEventListener('load', function(){
  new Glider(document.querySelector('.glider'), {
        slidesToShow: 3,
        draggable: true,
        arrows: {
            prev: '.glider-prev',
            next: '.glider-next'
        }
    })
});

---

代码中的问题：

箭头的类别不正确，

.glider.prev

而不是

.glider prev

draggable

参数无效，需要

draggable

标记末尾的额外结束div

，不重要

为了提高可靠性，您可以在

窗口中包装初始化。addEventListener（'load'，function（）{…}）

，尽管在您的情况下这不是必需的，因为初始化之前一切都准备好了。尽管作者更喜欢换行（用法选项卡）

下面是一个最小工作滑翔机配置的示例：

newglider（document.querySelector（'.Glider'）{
幻灯片放映：2，
真的，
箭头：{
上一页：“.滑翔机上一页”，
下一个：“.滑翔机下一个”
},
圆点：'.圆点'
})

.wrapperForDemo{
宽度：500px；
最大宽度：80%；
保证金：0自动；
}

«
»

@JesúsBohorquez似乎你接受了错误的答案。。。它们是随机排序的…我当时的问题是，我在glider.js中编写代码，但我没有放置图像URL，所以我看不到它的功能，我没有注意到语法err@bhoodream relax，我见过更糟糕的情况，我花了一个小时帮助某人，一旦我得到答案，他就删除了问题，还有问题，我是唯一的答案，他们只是复制答案然后走开&几个月内都不要进入StackOverflow