问题标签 [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 投票
1 回答
280 浏览

javascript - Glide.js 滑块未在最后一张幻灯片上暂停

我想要实现的是一个基本的幻灯片,它开始,到达最后一张幻灯片并停止。我正在使用 Glide.js,因为它非常小而且非常棒,但是使用下面的代码它实际上并没有暂停,并且幻灯片再次旋转回到开头。

我得到了console.log结果,这告诉我5 5意味着我glide.index在第 5 张幻灯片上,并且item_length是 5。所以glide.pause()应该工作。任何帮助将不胜感激,我多年来一直在摸不着头脑。我已经尝试过run其他事件而不是移动,但仍然没有成功。

0 投票
0 回答
104 浏览

javascript - Glidejs 带有 iframe 内容

是否可以将 iframe 作为 glidejs 轮播的元素?当我将 iframe 添加为 li 元素之一时,我无法再滚动了。

这是一个例子。 https://codesandbox.io/s/immutable-currying-yvecd?file=/index.html

0 投票
0 回答
29 浏览

reactjs - glidejs 不是在导航幻灯片后从头开始

下面的代码在第一次加载时工作正常,当滑动到滑块中的 3 项时,并通过 react-router 直接单击页面,并且滑块位置从第 3 项开始,但它假设是滑块的返回开始,对吗?

我该如何解决?滑块比较:

0 投票
1 回答
390 浏览

javascript - Glide.js // Glide 没有定义

所以我一直在尝试让 glide.js 在我的项目上工作。按照官方文档中的说明完成了所有步骤,但是一旦我new Glide(".glide").mount();在我的 Web 控制台中使用(就像文档中所说的那样)启动滑翔机,我就会得到

Uncaught ReferenceError: Glide is not defined

这是相关的 HTML:

这是我的 JS:

需要注意的是,我已经使用 npm 导入了 glide。这是 package.json 文件的相关部分:

我知道我可能犯了一些愚蠢的错误,但我已经尝试了一个多小时来解决这个问题,但没有任何成功。先感谢您!

0 投票
1 回答
314 浏览

javascript - Glidejs 与 Wordpress

我想为我的 Wordpresse 网站使用 Glide.JS。我阅读了文档,并为 WP 转置了解释。

https://glidejs.com/docs/setup/

我在我的主题文件夹中安装了“npm”,并且在我的 fonction.php 文件夹中编写了代码:

在此处输入图像描述

我在 single.php 中的代码:

我有一个结果,但我的控制台中有这个错误:

未捕获的语法错误:导入声明只能出现在模块的顶层

我相信我的问题是在这个解释中,我不知道如何为 Wordpress

谢谢 !

在此处输入图像描述

0 投票
0 回答
82 浏览

vue.js - NuxtJS 与 GlideJS 在克隆中加载组件丢失组件

我在 NuxtJS 项目中工作,我们正在实施GlideJS。我们现在遇到的问题是,有时其中一张幻灯片只显示幻灯片的 HTML 部分,而不是包含的组件。当我们前进或后退直到特定幻灯片出现时,它将成功加载组件。显然这是一个缺陷,我们应该修复它。

有没有人遇到过同样的问题,如果有,您是否设法找到解决方案?

我们当前的代码:

如您所见,我们在幻灯片中使用了一个名为MoleculePicture的组件(在此示例中,我们尝试了多个组件,但它们都失败了) 。

除“克隆”幻灯片外,所有幻灯片似乎都显示正常,我无法解决它。

0 投票
1 回答
157 浏览

javascript - Glide幻灯片断点没有效果

我使用Glidejs在同一页面中构建了几张幻灯片:

我使用docs 中所说的断点。所有幻灯片都可以工作,但断点不起作用。为什么?(hoverpause也不起作用)。

附加信息(上下文中的代码)

JS:

https://github.com/aitormendez/futurabasura/blob/main/web/app/themes/fb/resources/scripts/singleProduct.js#L47-L67

HTML:

https://github.com/aitormendez/futurabasura/blob/main/web/app/themes/fb/resources/views/woocommerce/single-product/related.blade.php#L62-L73

登台服务器中的工作示例(滚动到底部):

http://fb.e451.net/shop/ill-et/

0 投票
0 回答
82 浏览

reactjs - 为什么使用 React 在不同组件中的两个 Glide js 实例会导致应用程序崩溃?

我已经关注了glide js的文档以及在此处和 GitHub 存储库上发布的一些问题以及关注;共有三个分量App.js, MainSlider.js, GallerySlider.js.

这些组件之所以分开是因为我在我的应用程序的许多不同页面中使用它们。但是,控制台并没有报错,只有无限加载,最后crash。

0 投票
0 回答
25 浏览

reactjs - 打开 Chrome 开发者工具会改变页面的呈现方式

我正在尝试将滑块(基于 glide js)放入选项卡控件(来自反应带的导航)。虽然这两个组件单独运行良好,但滑块元素(1、2、3)在放入标签页时不会显示。奇怪的是,只要我打开 Chrome 开发者工具,它们就会显示得很好!关于如何调试的任何想法? 打开开发工具之前图 1. 打开开发工具之前

打开开发工具后图 2. 打开开发工具后

0 投票
1 回答
62 浏览

javascript - 节点 | 要求未定义(未捕获的引用错误)

你好,

我一直在 WordPress 中使用 glide.js 开发一个页面。在 functions.php 中包含所需的 JS 文件后,我看到在我的控制台中显示“未捕获的 ReferenceError:未定义要求”。我该怎么做才能使网站也可以在客户端/侧浏览器上运行?这是 main.js 文件的代码。

提前致谢,

编辑: glide.min.js 文件的代码是这样开始的-->

控制台 ss

函数.php ss