问题标签 [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.
javascript - Glide.js 滑块未在最后一张幻灯片上暂停
我想要实现的是一个基本的幻灯片,它开始,到达最后一张幻灯片并停止。我正在使用 Glide.js,因为它非常小而且非常棒,但是使用下面的代码它实际上并没有暂停,并且幻灯片再次旋转回到开头。
我得到了console.log
结果,这告诉我5 5
意味着我glide.index
在第 5 张幻灯片上,并且item_length
是 5。所以glide.pause()
应该工作。任何帮助将不胜感激,我多年来一直在摸不着头脑。我已经尝试过run
其他事件而不是移动,但仍然没有成功。
javascript - Glidejs 带有 iframe 内容
是否可以将 iframe 作为 glidejs 轮播的元素?当我将 iframe 添加为 li 元素之一时,我无法再滚动了。
这是一个例子。 https://codesandbox.io/s/immutable-currying-yvecd?file=/index.html
reactjs - glidejs 不是在导航幻灯片后从头开始
下面的代码在第一次加载时工作正常,当滑动到滑块中的 3 项时,并通过 react-router 直接单击页面,并且滑块位置从第 3 项开始,但它假设是滑块的返回开始,对吗?
我该如何解决?滑块比较:
javascript - Glide.js // Glide 没有定义
所以我一直在尝试让 glide.js 在我的项目上工作。按照官方文档中的说明完成了所有步骤,但是一旦我new Glide(".glide").mount();
在我的 Web 控制台中使用(就像文档中所说的那样)启动滑翔机,我就会得到
Uncaught ReferenceError: Glide is not defined
这是相关的 HTML:
这是我的 JS:
需要注意的是,我已经使用 npm 导入了 glide。这是 package.json 文件的相关部分:
我知道我可能犯了一些愚蠢的错误,但我已经尝试了一个多小时来解决这个问题,但没有任何成功。先感谢您!
javascript - Glidejs 与 Wordpress
我想为我的 Wordpresse 网站使用 Glide.JS。我阅读了文档,并为 WP 转置了解释。
https://glidejs.com/docs/setup/
我在我的主题文件夹中安装了“npm”,并且在我的 fonction.php 文件夹中编写了代码:
我在 single.php 中的代码:
我有一个结果,但我的控制台中有这个错误:
未捕获的语法错误:导入声明只能出现在模块的顶层
我相信我的问题是在这个解释中,我不知道如何为 Wordpress
谢谢 !
vue.js - NuxtJS 与 GlideJS 在克隆中加载组件丢失组件
我在 NuxtJS 项目中工作,我们正在实施GlideJS。我们现在遇到的问题是,有时其中一张幻灯片只显示幻灯片的 HTML 部分,而不是包含的组件。当我们前进或后退直到特定幻灯片出现时,它将成功加载组件。显然这是一个缺陷,我们应该修复它。
有没有人遇到过同样的问题,如果有,您是否设法找到解决方案?
我们当前的代码:
如您所见,我们在幻灯片中使用了一个名为MoleculePicture的组件(在此示例中,我们尝试了多个组件,但它们都失败了) 。
除“克隆”幻灯片外,所有幻灯片似乎都显示正常,我无法解决它。
javascript - Glide幻灯片断点没有效果
我使用Glidejs在同一页面中构建了几张幻灯片:
我使用docs 中所说的断点。所有幻灯片都可以工作,但断点不起作用。为什么?(hoverpause
也不起作用)。
附加信息(上下文中的代码)
JS:
HTML:
登台服务器中的工作示例(滚动到底部):
reactjs - 为什么使用 React 在不同组件中的两个 Glide js 实例会导致应用程序崩溃?
我已经关注了glide js的文档以及在此处和 GitHub 存储库上发布的一些问题以及关注;共有三个分量App.js
, MainSlider.js
, GallerySlider.js
.
这些组件之所以分开是因为我在我的应用程序的许多不同页面中使用它们。但是,控制台并没有报错,只有无限加载,最后crash。