问题标签 [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.
r - shinyglide 条件按钮在第一个屏幕上不起作用
我正在开发一个闪亮的应用程序,使用伟大的 shinyglide 包创建一个模式供用户输入一些信息。问题是在第一个屏幕上我需要创建一个条件,以便用户必须输入一个值才能继续。不幸的是,我不能next_condition
在第一个屏幕上使用该命令,似乎只能在第二个屏幕上工作。
当我单击“下一步”按钮,然后使用“返回”按钮返回到第一个屏幕时,条件有效,我无法继续,直到我单击至少一个选项,但第一次它不起作用方法。
这种行为正常吗?在这种情况下是否可以设置另一种类型的条件?
我做了一个小例子来说明问题:
glidejs - Glide JS data-glide-dir next 未正确呈现
我将 Glide JS 用于使用 ACF 和 Gutenberg Blocks 构建的幻灯片。
但是下一个按钮有问题。">" 没有正确渲染——它破坏了整个 DOM。“data-glide-dir”下一个命令有替代方案吗?当我删除 data-glide-dir=">" 一切正常。
下面是我使用的代码——屏幕截图显示了它最终是如何在浏览器中呈现的。
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
,所以不会有任何冲突。到目前为止我发现的唯一问题是这个,但不幸的是它根本没有帮助。
有人能指出我正确的方向吗?
javascript - 如何在 Glide.js 中设置动态幻灯片宽度
令人惊讶的是,我找不到这样平庸的东西的选择。我正在尝试构建一个内部具有动态内容的滑块。因此它们具有动态宽度。
我如何告诉 Glide 不要分配与幻灯片相同的固定值,而是保留它们的原始宽度?
这是我的例子:codepen.io/rolfo85/pen/GRpqdNZ
我需要类似 OWL 轮播自动宽度 https://owlcarousel2.github.io/OwlCarousel2/demos/autowidth.html
谢谢您的帮助!
tailwind-css - tailwindcss 中的元素堆叠问题
我有一个带有tailwindcss 样式的网页,它也使用glide.js 创建一个轮播元素。我有一个由汉堡包按钮触发的移动菜单,但生成的菜单呈现在 glide.js 元素下方。我尝试过在多种组合中使元素相对和绝对,并在轮播元素上尝试静态。我也尝试过 z 索引元素,但我无法让我的弹出菜单在 glide.js 轮播上呈现。
这是一个小提琴,如果以 616 px 宽度查看,则说明我的问题。 JS小提琴链接
任何帮助表示赞赏。
reactjs - 用 React 滑动 JS
按照文档并得到以下错误:TypeError:无法读取未定义的属性'querySelector'。我已将以下内容添加到我的 index.html
出于某种原因,滑翔打破了我的整个申请。为了让 GlideJS 在 create-react-app 中工作,我需要执行另一个步骤吗?任何建议都会有很大帮助。谢谢!我的代码如下:
javascript - 使用 Glide.js 获取当前幻灯片索引
当我使用 GLide.js 在元素之间滑动时如何获取当前幻灯片索引/编号