问题标签 [swiper]

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 回答
1234 浏览

jquery - 类型错误:a.wrapper 未定义

我正在使用 swiper.js,但我收到此错误:

类型错误:a.wrapper 未定义

我真的不知道为什么它告诉我 a.wrapper 是未定义的,我认为我没有在我的代码中使用它。

http://store-de.hugoboss.com/boss-herrenmode/

如果您在浏览器中打开控制台,您将看到错误。

有任何想法吗?

谢谢。

0 投票
1 回答
2189 浏览

android - idangerous swiper:在大列表中滑动如此缓慢

我正在使用 idangerous swiper 转到我的应用程序中的不同幻灯片。其中一张幻灯片我有记录列表,如果列表中有 10 到 20 条动态记录,则滑动器滑动顺畅,但随着记录的增加,它开始滑动很慢。在我的 Iphone 4 上,如果我有 300 条记录,它在滑动到下一张幻灯片时会延迟 2 到 3 秒。我只有这些简单的 swiper 代码行:

我试图添加速度选项,但延迟仍然存在。idangerous swiper 不支持大量记录吗?

0 投票
3 回答
6995 浏览

javascript - 为什么我的 swiper 未定义?

我不明白为什么会这样。我有一个刷卡器嵌套在另一个刷卡器中(一个用于垂直滚动,另一个用于水平滚动。让我发疯的是嵌套刷卡器在我需要销毁它时没有定义。这就是我正在做的事情:

这将创建 swiper,并将其返回给此函数:

我需要在此处设置高度,否则幻灯片未正确安装(是的,我尝试过计算高度,但由于我使用的是工作灯,因此在移动设备上出现了问题)

现在,这就是事情变得古怪的地方。我正在 chrome 中对此进行测试(抱歉,目前我无法为您提供链接)。

如您所见,我有swiper变量,它可以正常工作并且可以正常销毁,并且我有 innerSwiper。其余的无关紧要,因为它在此之前就已经工作了。让我发疯的是,它innerSwiper不断出现undefined,但这不应该是因为我已经在 chrome 的调试器中跟踪了堆栈调用,并且returns所有这些都具有内部 swiper 的 swiper 变量。所以我的问题是:我做错了什么,我一直不确定?

0 投票
1 回答
395 浏览

javascript - 如何在 Keystone Js 中使用外部 Javascript 库?

我目前正在使用 keystone js 构建一个节点网站。在网站的页面上,我使用 swiper 等 JavaScript 库来呈现一些视觉效果。但是,keystone 似乎没有选择我包含的 js 库。有谁知道为什么以及如何解决这个问题?

0 投票
1 回答
2455 浏览

javascript - jQuery idangerous swipper 插件:选择器中的错误?

我想启用触摸设备的滑动器来更改我的画廊上的图片:

画廊标记是这样的:

我正在尝试这样:

但我得到这个错误:

未捕获的类型错误:无法读取未定义的属性“childNodes”

由于我尝试了不止一个.gallery实例:

但随后错误变为:

所以有人知道我在做什么错吗?

在这个小提琴中,我什至得到了一个不同的错误..

http://jsfiddle.net/9VBha/118/

0 投票
1 回答
300 浏览

javascript - iDangerous swipeNext 和 swipePrev 不设置动画

我在幻灯片内容中有一个带有下一个和上一个按钮的滑动器,当我单击它时,它不会动画它只是立即显示下一张幻灯片。滑动工作正常。我在ios上的cordova应用程序中使用它。这是幻灯片 html 代码的示例。

和 javascript 是

0 投票
1 回答
311 浏览

node.js - 安装 swiper.js (node.js/grunt noob) 的问题

让 swiper.js 工作时遇到问题。需要咕噜声/弓箭手。我对 js 生成器完全陌生,在遇到问题之前只能完成大约一半的演练。

当我在终端中键入 $grunt dist 时,我得到以下响应: -bash: dist: command not found

我错过了什么步骤?

按照危险的步骤写信:http ://www.idangero.us/sliders/swiper/plugins/scrollbar.php

0 投票
1 回答
74247 浏览

javascript - 滑动高度自动调整大小

我在 [REMOVED] 中添加了 swiper 代码。

我的代码就像这里

他们有空格。

请看图片。

我想删除这个空间。

0 投票
1 回答
441 浏览

javascript - 在 Swiper Slider 中使用 Textarea(禁用触摸事件)

我正在使用危险的“Swiper”滑块。我的一张幻灯片中有一个导致问题的文本区域。在桌面上一切正常,但在移动设备上,在 textarea 中输入文本时,Swiper 似乎重新初始化并返回到第一张幻灯片。

由于这仅发生在移动设备上,我猜它与文本区域中触发的触摸事件之一有关。

正如我在另一篇文章中所建议的那样:

这并没有解决问题,所以我将其扩展为包括所有触摸事件。然后是所有的父母(直到 swiper wrapper)。仍然没有成功。

我尝试使用警报来显示触发了哪些触摸事件。但是我看不到在刷卡重置之前立即触发的事件。

有没有人有在危险的滑动滑块中使用文本区域的经验?或者关于什么事件可能导致问题以及如何预防的任何想法?

0 投票
0 回答
722 浏览

javascript - 模态模型在 iDangero.us 刷卡器内未触发的问题

我正在使用 iDangerous.us Swiper 并遇到无法触发 swiper-wrapper 内的任何事件的问题。我试图在每张幻灯片内触发一个模态,但没有任何反应。

我放置在 swiper-wrapper 内的任何模态都将不起作用。我不知道这是 javascript 问题还是 css z-index 问题。我尝试了多种不同的模态,它们似乎都具有相同的效果。一旦模态框位于 swiper-wrapper 元素之外,它就会起作用。我什至尝试了纯 css 模式和相同的问题,它只会在 swiper-wrapper 元素之外触发。

看起来元素被克隆以使滑块工作,这可能会杀死正在设置的事件侦听器。

我认为这可能是我正在使用的模态插件的问题,但就像我说的我尝试了多种不同的方法,包括引导程序的开箱即用模态和纯 css 实现,但仍然没有运气。

网站链接:

http://bigredsun.staging.wpengine.com/our-work-index/

“阅读更多”按钮是应该触发弹出模式的按钮。

这是我正在做的事情:

https://gist.github.com/Jessekevon/8b694cc182a04610de16

任何帮助或指导将不胜感激!