问题标签 [swiper]

我正在使用一个名为Swiper的第三方库。idangero.us.swiper.js 似乎不能很好地处理保留在 DOM 中的元素指令，因为它假定“幻灯片”元素将是“包装”元素的直接子元素。

来自 idangerous.swiper.js：

有效的 DOM：

无效的 DOM：

我想创建一个myCustomSlide指令来减少样板，集中一些 css 等。为此，我似乎需要从 DOM 中排除我的指令元素，以便实际的“swiper-slide”元素将在_this.wrapper.childNodes. 我查看了指令的替换功能。看起来它完全符合我的要求。但是，它似乎已被弃用。所以我不想使用它。

替换（[已弃用！]，将在下一个主要版本中删除 - 即 v2.0）

现在我正在考虑按优先顺序：

1. 不使用 my-custom-slide 指令
2. 提交增强 idangerous.swiper.js 的拉取请求以支持此用例

我更喜欢第三个选项，它是一种不被弃用的 Angular 方式，用于从 DOM 中删除 my-custom-slide 元素。这存在吗？如果它不存在，有人可以解释或指出我为什么不推荐使用替换功能的文档吗？

我对 Swiper 插件有疑问。如果您查看示例http://jsfiddle.net/Lzawws4r/，最初会正确触发 onSlideClick 函数。但是，如果您滑动它（向上尝试），则根本不会触发该事件。问题可能是什么？我的 Swiper 设置是：

如果循环设置为假，问题似乎就消失了。

我正在尝试在 Jquery Mobile 中的 listview（垂直滚动）中实现这种水平滑动，下面我附上了我的意思的示例，但那是在 Android 中。我想知道如何在 Jquery Mobile 中实现这一点。这是 Airbnb 应用程序中的功能 - 一个可以垂直滚动的列表视图，但同时每个列表都有多个可以水平滚动的图像。

在列表视图上滑动项目，垂直边距很小

我试图通过将列表加载到ajax中来实现它，然后将图像嵌套在另一个for循环中并将其放入swipers中。但问题是 swiper 没有出现，而且布局也一团糟。

我需要用流星中的动态数据水平滑动，但它仍然不能简单地工作，知道吗？我的代码：

这是辅助功能和刷卡注册

可能有一种非常简单的方法可以解决我的问题...

我的（简化的）HTML：

现在，我需要一种简单的方法来确定点击了哪个链接，这样我就可以重定向到不同的页面。不知何故，使用 Swiper API 中给定的“onSlideClick”函数是不可能的。

我一直在尝试这样的事情：

问题：Firebug 告诉我

未定义。

我必须通过 JavaScript 重定向，否则我的滑动将不起作用，因为我会立即被重定向。

是否可以显示每个“swiper-pagination-switch”跨度中的幻灯片编号？（如：1,2,3，...）？

默认情况下，插件会像这样创建 HTML 的一部分：

我想在每个跨度中插入与之相关的幻灯片数量，如下所示：

我怎么能做到这一点？

谢谢。

我正在使用 Swiper 框架启动一个 Web 应用程序。我已经开始使用库中提供的简单演示应用程序。当我使用来自 Ajax 调用的 JSON 将演示应用程序的内容替换为动态内容时，我发现初始的“swiper-wrapper”类宽度为 0px，直到我更改浏览器大小然后它生成正确的宽度。

这是我用于加载数据的 Jquery 代码，我将它放在标签之前。我也尝试了代码的不同位置。

谢谢！

我有一个刷卡器，我希望能够动态切换progress参数（我正在使用swiper-smooth-progress插件）。

我像这样初始化了swiper：

此时 swiper-smooth-progress 插件没有启用，所以幻灯片是从右向左滑动的。到目前为止，一切都很好。

但是，在更改progress参数后：

幻灯片不会随着新效果移动。progress通过查看mySwiper.params.progress并看到它是 now ，我已经验证了是用新参数设置的true。那么问题来了：新的进度效果是可以动态实现的，还是需要销毁slilder，用新的参数新建一个？

页面加载后，滑动高度最初是正确的。将窗口大小调整为更小时，会重新计算正确的滑动高度。但是当将窗口大小调整为更大时，大部分时间都无法正确计算滑动高度，并且图像被部分隐藏。大多数时候，我的意思是在特定的窗口大小下，高度是正确的。

在移动 Chrome 和 Safari 上，更改方向时，图像会部分隐藏。只有在上下滑动内容后，滑动高度才会正确，图像完全可见。

swiper-container 和图像宽度为 100% 以便响应。

感谢帮助。

- - 代码 - - -

我正在开发一个将用 phonegap 包装的 ios webapp，因此通常禁用缩放并且视口不可扩展。

我有一个幻灯片，我使用 swiper.js - 我使用 iscroll.js 进行缩放功能。

当我放大图片并现在滑动以查看缩放帧时，会解释滑动以转到下一个幻灯片图像。

所以我的想法是在我处于缩放模式时将“swiper-no-swipe”类添加到幻灯片中，并在我缩放回原始大小时将其删除。

我猜 iscroll.js 正在使用 css-transform 进行缩放功能，因此您必须请求 transform-value 是否大于 0，然后添加 no-swipe 类。

有谁知道如何做到这一点？

提前致谢