Javascript wordpress中glider.js在同一页面中有多个glider

我几天前就想解决这个问题，但还是失败了。这就是为什么我来找你们中的任何一个能帮忙的原因。我正在使用这个，它非常成功

现在的问题是我试图在同一页上使用3个滑翔机，第2个和第3个滑翔机不能正常工作。谷歌已经尝试了两种可能的解决方案，这是或使用

尽管如此，我的自学知识限制了我执行这两种可能的解决方案。所以，你们中的任何一位能告诉我，我应该在wp_页脚上挂入什么代码，使多个滑翔机在同一个页面上工作吗

目前这是我用来启动滑翔机的wp_页脚中的代码

addEventListener（'load'，function（））{
新Glider（document.querySelector（“.Glider”）{
幻灯片放映：1.2，
幻灯片滚动：1，
圆点：“#圆点”，
箭头：{
上一页：“.滑翔机上一页”，
下一个：“.滑翔机下一个”
},
响应：[
{
//大于>=775px的屏幕
断点：775，
设置：{
幻灯片放映：1.9，
幻灯片滚动：1，
}
},{
//大于>=1024px的屏幕
断点：1024，
设置：{
}
}
]
});
});