问题标签 [swiper]

我有麻烦。我想动态地将我的刷卡器模式从“水平”更改为“垂直”（例如按下按钮时）。但我不知道该怎么做！我尝试使用topSwiper.param('mode', 'vertical')并topSwiper.params.mode = 'vertical'喜欢它在 API 中所说的，但它不起作用。也许有人对如何解决它有想法？

我实际上正在使用 swiper idangero'us 插件（带有“progress”扩展名），我想知道一些事情：

是否可以为 2 个不同的滑块使用相同的导航按钮？

现在我正在尝试做这样的事情：

但它不工作！

这里是经典代码：

有什么帮助吗？

谢谢 ！

我的滑动器有问题（http://www.idangero.us/sliders/swiper/api.php）...我在第 1 页，当我切换到第 2 页时，我希望滑块以第一张幻灯片。我设置 mySwiper.swipeTo(0, 0, false); 在 pagebeforeshow 上，它不起作用。最奇怪的是，如果我切换到第二张或第三张幻灯片（例如 mySwiper.swipeTo(1, 0, false) 或 mySwiper.swipeTo(2, 0, false)），但在第一张 (0) 上它很简单不切换。这是为什么？我尝试了所有可能的事情。它不会在第一张幻灯片上打开，只会在其他幻灯片上打开。唯一有效的方法是 onpageshow 但它很难看，因为它首先显示一张幻灯片，然后显示另一张幻灯片。我也尝试使用 mySwiper.swipePrev(); 几次，但它在幻灯片 2 上被阻塞。它不会在第一张幻灯片上继续。

更新：

这是 jsfiddle 示例：http: //jsfiddle.net/alecstheone/9VBha/103/

所以......如果我转到第二页并滑动到第三张幻灯片而不是右键单击并返回，而不是返回第 2 页，滑动器仍在幻灯片 3 上，它应该在我设置的第 1 页上

如果我设置：

它有效......只有在0上它不会......

我还注意到，在 1.8.0 版本的 swiper 中，它可以使用该命令，但在最新版本（2.6.0）中它不会。

我想通过这个很棒的 JS 滑块 ( Swiper ) 使用其完整的 API来实现特定的行为，但直到现在我都不走运......需要一些帮助：

现在的情况：

• 一开始只有一张幻灯片。

每次单击按钮时我想要的是：

• 在每种情况下，在第一张幻灯片之前动态创建新幻灯片 --> 简单的事情，使用 Swiper API 的 prepend() 方法:)
• 但是（这就是问题所在）我希望最终用户有一种刚刚加载前一张幻灯片的感觉，即单击按钮并看到向左滑动过渡......

我想要这种“罕见”的行为，因为我的滑块必须显示数百张幻灯片，并且从一开始就一次加载所有幻灯片会导致页面加载速度非常慢，因为它必须下载数百张图像......

提前致谢。

以下是切换的工作方式：http: //jsfiddle.net/uVaQ3/

目标

添加淡入或任何其他效果。

尝试 1)

所以我尝试将效果应用于容器：http: //jsfiddle.net/x29Xk/

问题：它闪烁，不褪色。

试试 2)

http://jsfiddle.net/7T4w4/24/

修复了闪烁，但是... 问题：如果您单击“查看地图”然后调整窗口大小，然后单击“查看图库”，您将看到图库未正确呈现。

请问有什么帮助吗？预期的最终结果是使用幻灯片效果，而不是淡入淡出，但是，如果一个有效，我想其他任何一个也可以。

我在使用危险的swiper 时遇到了一些困难。我正在使用滑动器在移动网络应用程序的视图之间导航，效果很好！这是我使用的代码：

问题 在两个页面上，我有输入字段。当我在 iPhone 上点击这些时，键盘会出现，但输入字段会失去焦点。然后我必须再次单击表单以获得焦点，使我能够在字段中输入。我在输入字段上没有样式，它们的标记如下所示：

我认为这可能与危险的刷卡者的某些 preventDefault 有关，但我没有证据证明这一点。

我在我的 jQueryMobile 页面上使用idangero.us的 Swiper。

我的 HTML 文件由两个“页面”组成。其中一个应该有一个图片库。它可以很好地查看图像，并且滑块可以正常工作，无需 jQueryMobile。但是一旦我使用 jQueryMobile，图像就不再显示了。

我发现的最类似的问题是：Swiper not working in Jquery Mobile 但它并没有帮助我找到解决方案。有人可以向我解释为什么这不起作用吗？

这是我的 HTML：

我的页面上有一个危险的滑动器，它成功地模拟了幻灯片和随附滚动条上的触摸事件（允许鼠标单击和移动以向左或向右滑动幻灯片）。

这很好，但我现在在滑动器内的幻灯片上调用了可拖动，这意味着我需要停止这种触摸模拟（拖动幻灯片并同时移动它们会造成混乱）——但仅限于幻灯片上，而不是滚动条（我仍然需要滚动条在鼠标单击和移动之后发挥作用）。

我试过的

根据 API 我可以禁用触摸模拟：

这可以按预期工作，但是在滚动条和幻灯片上都不好。

我还尝试从 swiper api 公开的许多事件中返回 false：

var swiper = new Swiper('.swiper', { slidesPerView: 3, onTouchStart: function() { return false; }, scrollbar: { container: '.swiper-scrollbar', hide: false, draggable: true, snapOnRelease: true } });

这根本没有任何影响。

我有一个滑块，它设置为循环

问题是当循环结束并返回到第一张幻灯片时，它似乎没有重新初始化。我之所以这么说是因为它在文本的开头添加了 2 个图标字体，然后一旦我单击幻灯片以启动触摸事件或单击前进然后返回，它就固定了，就像它重新初始化它一样。

这是它在 IE 中的代码

不知道发生了什么，它只是 IE 11

我坚持以下几点：

我正在使用 iDangerous Swiper 插件，它工作正常。但是，我也想在同一个 iDangerous swiper 上使用 jQuery 的点击功能。

例如：

和 ：

问题是，滑动滑块也会触发 jquery .click。这有点糟糕，因为在我的情况下 .click 中的函数会加载另一个页面。

使用纯 html 链接虽然有效。然而，这并不能解决我的问题，因为我希望下一页不可见地加载（而不在 url 栏中加载）。

有谁知道在使用滑块时如何防止触发上述 jQuery 代码？

提前致谢 ：）