问题标签 [glidejs]

我正在使用 glide JS carousel 将一些内容显示为轮播。存储库的文档在网站和github 上。

我当前的代码如下：

我想要实现的是在单击下一个/上一个按钮时更改默认的步骤数（幻灯片）。目前它总是一张幻灯片。虽然我想使用我的变量（var slidesNumber）设置为预期的行为。

我已经浏览了文档，但它什么也没说..它甚至可行吗？

我在我的团队页面上使用 Glide.js 和 Bootstrap 4 模式来显示被点击的团队成员的简历。这是通过对单击的团队成员使用 getAttribute 并将其startAt: index用作滑行来完成的。

这段代码第一次完美运行。但是，如果我关闭模态并通过单击任何团队成员再次重新打开它，模态仍然包含所有 html 和滑行控件，但所有幻灯片的内联样式都width:0;没有显示任何幻灯片，模态显示为空。

此外，即使在初始渲染中，单击时导航点也不起作用。

如下图所示，总项目槽位是 7，但源是动态的，有时是 3 或 4 .. 如何使用 glidejs 正确居中这些项目

源代码预览：

我有一个用 glide.js 制作的滑块。它工作得很好，但是当我单击第二个滑翔子弹时，我需要移动到索引 2，当我单击第三个时，我需要移动到索引 4。

我尝试将 data-glide-dir="=1" 更改为 =2 并将 data-glide-dir="=2" 更改为 "=4" 并且它不起作用（当我单击 Material 时，class . glide__bullet--active 进入 Impact。

有人知道我还能尝试什么吗？谢谢！

我们将 Glide.js 用于显示一些非常奇怪的尺寸问题的滑块。

我们想在有边框的框中显示一张幻灯片。但是，在页面加载时，大小已关闭。一旦视口大小发生微小变化，滑块就会跳到正确的大小并完美地工作。

HTML：

这是JS：

滑动得越多，偏移量就越高。

幻灯片 1：https ://i.stack.imgur.com/xK0rp.png

幻灯片 2：https ://i.stack.imgur.com/vebkTa.png

You can see the example URL here: https://aerycs.myshopify.com/?_ab=0&_bt=eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaGxoWlhKNVkzTXViWGx6YUc5d2FXWjVMbU52YlFZNkJrVlUiLCJleHAiOiIyMDIxLTA4LTMxVDIwOjExOjM0LjQ1MFoiLCJwdXIiOiJwZXJtYW5lbnRfcGFzc3dvcmRfYnlwYXNzIn19--4a599a7f9099c7e3e2250a01b9f10c9f7e7f9593&_fd=0&_sc=1&key=7c9d0a103dd4ee80db5e935fd6f246259cfecc8b6d93fbc8c7008dcef16efc08

欢迎任何想法，我们在这里真的没有选择。

当以某种周期性更改滑块中的幻灯片时，从第一张幻灯片更改到最后一张幻灯片时，第一张幻灯片会闪烁。

该错误仅出现在 Chrome 中。我注意到，如果您将浏览器窗口最小化然后最大化，则该错误会更频繁地出现（但这不确定:)）。

https://github.com/glidejs/glide/issues/300的解决方案没有帮助！

我整理了一个小演示：https ://codepen.io/depressingutopian/pen/jOwvpGQ?editors=1111

我将感谢所有可以帮助修复此错误的人。

我想在组件glidejs内部使用vuejs，尽管到目前为止我还不能让它工作。

有可能实现这一目标吗？vuejs支持这样的事情吗？

我的代码：

我正在尝试获取仅在幻灯片放映中的特定滑块上显示的按钮的 img。我正在使用 glide.js 进行幻灯片放映。它不会总是第一个也不会总是最后一个，所以我决定最好的选择是访问那个滑块，给它一个 ID。因此，如果幻灯片在#fotoparasair 上，那么 .setaparasair 类应该是可见的。如果不是，它不应该。该类是类.glide_arrows 内按钮内的img。您的帮助将不胜感激。我希望我正确地解释了自己。

和 jQuery

我正在使用 Laravel 应用程序和 Laravel Mix 进行资产构建。

我今晚尝试使用 Glide.js，并在通过 npm 安装 glide.js 后执行了以下操作。

在我的resources/js/app.js文件中，我有以下内容：

我webpack.mix.js的文件由 Laravel Mix 编译，如下所示：

当我现在加载前端时，我的滑块不起作用 - 它会引发 JS 错误：[Glide warn]: Root element must be a existing Html node

当我从以下位置更改脚本标签时：

至

它有效——但这真的有必要吗？我从来没有读过type=module与混合的结合。一旦主 js 有“import”语句，这是否总是必要的？

我正在为轮播使用 Glide js 库，我浏览了文档https://glidejs.com/，它工作正常。但我试图实现的场景是轮播不应该在桌面视图上工作，它应该只在移动视图上工作。

我已经尝试了下面的示例代码

任何帮助将不胜感激 ！！