问题标签 [glidejs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2390 浏览

html - 如何将滑翔箭头放在滑翔轨道之外

我正在尝试用 glide.js 构建一个旋转木马/rondell。我希望左右箭头显示在滑行轨道之外。旋转木马/rondell 应该完全响应。这是一张应该如何的图片。 旋转木马/朗德尔

有人可以帮我吗?

谢谢!

0 投票
1 回答
183 浏览

r - shinyglide 条件按钮在第一个屏幕上不起作用

我正在开发一个闪亮的应用程序,使用伟大的 shinyglide 包创建一个模式供用户输入一些信息。问题是在第一个屏幕上我需要创建一个条件,以便用户必须输入一个值才能继续。不幸的是,我不能next_condition在第一个屏幕上使用该命令,似乎只能在第二个屏幕上工作。

当我单击“下一步”按钮,然后使用“返回”按钮返回到第一个屏幕时,条件有效,我无法继续,直到我单击至少一个选项,但第一次它不起作用方法。

这种行为正常吗?在这种情况下是否可以设置另一种类型的条件?

我做了一个小例子来说明问题:

0 投票
1 回答
2715 浏览

javascript - GlideJS - 使用带有 React 组件的幻灯片时的奇怪行为

我将 GlideJS 与 React 项目一起使用,但它返回了一个奇怪的行为。组件没有在每个视图中显示一个,并且它们的宽度已更改。

奇怪的行为

组件:

所以在 Carousel 组件内部,我传递了子组件和 glide 选项,它们是组件。

我想知道问题是否与我的代码、我需要导入的一些丢失的样式表有关,或者传递给 glide 的操作是否错误。

0 投票
1 回答
460 浏览

glidejs - Glide JS data-glide-dir next 未正确呈现

我将 Glide JS 用于使用 ACF 和 Gutenberg Blocks 构建的幻灯片。

但是下一个按钮有问题。">" 没有正确渲染——它破坏了整个 DOM。“data-glide-dir”下一个命令有替代方案吗?当我删除 data-glide-dir=">" 一切正常。

下面是我使用的代码——屏幕截图显示了它最终是如何在浏览器中呈现的。

截屏

0 投票
2 回答
503 浏览

javascript - Rails 6 应用程序使用 Yarn (webpacker) 安装 Glide.js - 未捕获的 ReferenceError: Glide 未定义

我真的在为 Rails 的所有新 JS 更改而苦苦挣扎。我正在尝试实现愚蠢的简单滑块脚本,Glide.js

这是我的app/javascripts/packs/front.js文件:

这是我调用 gilder (new_slider.js) 的文件:

这是new_slider.js文件:

这是我的哈姆观点:

这是我的控制台输出:

Gilde 显然已加载,因为 console.log(Glide) 提供了输出。new_slider.js文件是在导入后加载的Gilde,所以不会有任何冲突。到目前为止我发现的唯一问题是这个,但不幸的是它根本没有帮助。

有人能指出我正确的方向吗?

0 投票
0 回答
394 浏览

glidejs - 水平滚动条控件而不是 Glidejs 的项目符号控件

Glide是否允许水平滚动条作为用于在图像中滑动的控制 UI?现在我只看到按钮控件,其中每个按钮都映射到一张幻灯片。

需要明确的是,我当然仍然对滑动行为很感兴趣。我只是希望按钮控件的行为也像滚动一样。

如果 Glide 确实允许控件的水平滚动,有人可以分享他们是如何实现的吗?我似乎在文档中找不到任何指导方针。

0 投票
0 回答
1699 浏览

javascript - 如何在 Glide.js 中设置动态幻灯片宽度

令人惊讶的是,我找不到这样平庸的东西的选择。我正在尝试构建一个内部具有动态内容的滑块。因此它们具有动态宽度。

我如何告诉 Glide 不要分配与幻灯片相同的固定值,而是保留它们的原始宽度?

这是我的例子:codepen.io/rolfo85/pen/GRpqdNZ

我需要类似 OWL 轮播自动宽度 https://owlcarousel2.github.io/OwlCarousel2/demos/autowidth.html

谢谢您的帮助!

0 投票
1 回答
2113 浏览

tailwind-css - tailwindcss 中的元素堆叠问题

我有一个带有tailwindcss 样式的网页,它也使用glide.js 创建一个轮播元素。我有一个由汉堡包按钮触发的移动菜单,但生成的菜单呈现在 glide.js 元素下方。我尝试过在多种组合中使元素相对和绝对,并在轮播元素上尝试静态。我也尝试过 z 索引元素,但我无法让我的弹出菜单在 glide.js 轮播上呈现。

这是一个小提琴,如果以 616 px 宽度查看,则说明我的问题。 JS小提琴链接

任何帮助表示赞赏。

0 投票
1 回答
1962 浏览

reactjs - 用 React 滑动 JS

按照文档并得到以下错误:TypeError:无法读取未定义的属性'querySelector'。我已将以下内容添加到我的 index.html

出于某种原因,滑翔打破了我的整个申请。为了让 GlideJS 在 create-react-app 中工作,我需要执行另一个步骤吗?任何建议都会有很大帮助。谢谢!我的代码如下:

0 投票
1 回答
1395 浏览

javascript - 使用 Glide.js 获取当前幻灯片索引

当我使用 GLide.js 在元素之间滑动时如何获取当前幻灯片索引/编号