问题标签 [swiperjs]

我正在尝试使用该功能在移动设备以外的任何设备上禁用 Swiper JS ( https://github.com/nolimits4web/swiperdestroy() ) ，但出现错误Uncaught TypeError: swiper.destroy is not a function。

我尝试了各种不同的东西，但我无法让它工作。

我正在尝试使用swiper slider，但它没有导航幻灯片内容。

这是：stackblitz -最后一个水平选项卡中的滑动器。

ts：

HTML：

我正在关注这个网址：swiperjs

我有两个同步的 Swiper JS 实例并且工作正常，但我需要第二个滑块来显示当前幻灯片 +1。

所以两个滑块是同步的，第二个滑块显示第一个滑块的 +1 幻灯片。

当然，两个滑块都是环形的。

我正在使用没有选项的基本刷卡器。然后我在我的网站正文中有一个“mousemove”监听器。我这样做是为了建立鼠标追随者效果。这很好用，但是当我开始拖动幻灯片时，似乎该事件将不再到达，并且我的自定义 div“用于鼠标效果”不会移动。

我正在尝试将 swiper.js 集成到显示背景图像的 angularJs 网络应用程序中。该库正在运行，但图像未正确显示。请查看这个与我的应用程序完全一样工作的 plunker。

http://plnkr.co/edit/ISdEZn?p=preview

下面是最相关的部分：

我正在编写一个基于 SWIPER JS 的网站（其中页面的每个部分都是一个滑动幻灯片，垂直滑动）。问题是我有一个导航，其中包含指向其他页面上特定幻灯片的链接，当我使用传统链接（例如链接）时，新页面会加载到正确的部分，并且会向下滑动而不是从该幻灯片向上滑动。

理想情况下，正在寻找一种适用于 SWIPER JS 的解决方案。

一些注意事项：

• 经过一些测试，我发现传统链接加载了正确的幻灯片，但给它的索引为 0 而不是正确的（例如 1）。
• 当我一直向下滑动最后一张幻灯片时，SWIPER JS 似乎重新加载，然后读取它是最后一张幻灯片，然后工作正常（动画是从顶部向下的分页动画）。如果有人可以识别这是调用的函数，这可能是解决方案

我为我的滑块添加了一些带有 GSAP 的动画，这些动画是从 Swiper JS https://swiperjs.com/获得的，一切正常，但如果用户在 Swiper 导航（箭头、点或拖动）上单击多次，我的动画开始碰撞。所以问题是如何在幻灯片更改时禁用单击或滑动？我有简单的代码：

你能帮我吗？提前致谢！

演示 - https://codepen.io/syedazam/pen/YzPRxQQ?editors=1000

我正在研究 idangerous 的 swiper js，它运行良好。

我正在使用freemode:true平滑滚动loop:false

现在问题是当我到达最后一张幻灯片时，我只需要显示一张幻灯片（单张幻灯片）而不是 3 张。

请你们解释一下..我有codepen中的代码供您参考。

刷卡代码：

我在这里使用 swiper.js 构建了一个简单的滑块：

http://advancedflightnz.flywheelsites.com/Swiperjs/Slider.html

如您所见，进度条的“包装”具有圆形边缘，但突出显示的内部条没有。

我已经完成了我能想到的每一个 css 解决方法，但我什么也没想出来，希望比我更聪明的人曾经来过这里。

谢谢 ：）

我正在尝试制作 vuetify 列表元素的可滑动版本。我发现 swiperjs.com 库在为 html 元素添加滑动功能方面做得非常出色。我还发现了这个项目https://github.com/davidgaroro/vuetify-swipeout，它集成了 vuetify 库和 swipeable 库。阅读了 vuetify-swipeout 项目的内容后，看起来诀窍只是在 v-list-tile 组件上设置正确的类，即

同时用

该演示在 github 站点上运行良好。

然而，技巧来了，因为当前版本的 vuetify 不再支持 v-list-tile，我用 v-list-item 替换了所有 v-list-tile - 我希望它是等效的 - 但它是不是，所有的 v-list-items 都被翻译到左边，直到你在不滑动的情况下无法在屏幕上看到它们。

因此，不是隐藏可交换内容并显示主要内容，而是将整个内容翻译到左侧，使图块对屏幕不可见。

如果您能帮我理解我做错了什么，我将不胜感激。

谢谢并恭祝安康，

拍