问题标签 [glidejs]

When I define a function outside the function, I cannot access the glide parameter:

Hence, I have did something like that:

I want to know if it is hack or good practice? Is there more convenient way for doing this.

我在 Laravel 8 上安装了 Glide.js。我正在使用 CDN 对其进行测试，一切正常。当我用 NPM 安装它时，我得到了这个：

未捕获的 TypeError：Glide 不是构造函数

这就是我在 bootstrap.js 中的方式：

window.Glide = require('@glidejs/glide');

Javascript 可以很好地编译到 app.js 中。我只是无法弄清楚为什么它会显示该错误。任何帮助将不胜感激，谢谢！

我正在使用 glidejs 来制作这个旋转木马。我不知道如何使卡片与最高的卡片具有相同的高度并同时做出响应。（见下文）

我试图设置.glide__slides为拥有height: 35vh并使卡片高度为 100%。这使得卡片具有相同的高度，但在较小宽度的屏幕上时底部有一个很大的白色间隙，如下所示

这是我的代码的一部分

这是js代码

我创建了一个运行良好的滑翔机，功能没有问题，我想要实现的是在幻灯片中添加一个按钮。到目前为止，链接和所有幻灯片内容都可以正常工作，但按钮单击事件却不行。我尝试添加.disable()andpause()方法，但它不起作用。而且我找不到这样的东西，也找不到文档中的任何东西。如果有人有办法，那将对我有很大帮助。

滑动支架：

我的组件：

我已经使用下面javascript的Glider库制作了一个图像滑块。

正如您在我的图像中看到的那样，第三张图像不像前两张那样对齐并且具有不同的高度。我的图像文件夹中的前两个图像具有相同的宽度 1920 。第三张图片的宽度为 1200。即使我设置了图片的宽度和高度，结果也是一样的。我一直在敲我的头很长一段时间，并没有找到解决方案。

我的容器、CSS 和 Glide 库中的单个元素的代码：

我一直在寻找一种方法来消除我的项目中对 jQuery 的需求。轮播是我使用 jQuery 的最后一个堡垒，所以我正在尝试为不依赖 jQuery 的轮播设置 GlideJS。当我new Glide({})在 Rails 控制台中运行时，我得到NoMethodError (undefined method 'Glide' for main:Object)

如果我查看我看到的 Firefox 开发工具中的错误[Glide warn]: Root element must be a existing Html node / Uncaught TypeError: this.root is undefined。

应用程序.js

frontpage.html.erb

迄今为止，我在我的项目中没有使用太多（如果有的话）javascript。

我是一名新开发人员，我需要有关如何使用 glide.js 在我的滑翔幻灯片上应用 2 个功能滑翔主题的帮助。我只尝试复制我的 html 结构来制作幻灯片而不更改选择器。

我在一个网站上使用 GlideJS 3.4 版来制作一个简单的滑块。

这就是我安装 GlideJS 的方式

然后这是我的错误：

到目前为止，我所做的是检查 GlideJS Build 甚至移动东西。

我不确定这是 HTML 还是 Javascript 的问题，但我迷路了。

甚至检查 Bootstrap v4.6 或 Jquery 等其他东西是否是问题所在。

感谢您提前提供任何答案。

使用 glidejs，初始加载一切正常，但是当单击滑块时，样式被破坏。我检查并发现当通过 React-router 路由页面时缺少样式属性，当刷新页面样式属性放置在那里时。

我知道它是因为内部计算了 jsx 元素的大小，但不知道如何修复它

应用程序.js

Slider.module.scss