freeMode无法使用Swiper在移动浏览器中运行

时间:2015-11-09 15:22:09

标签: javascript swipe-gesture swiper

我正在尝试在移动混合应用中使用Swiper,我注意到 freeMode 选项没有响应,我希望它能做到。直到我尝试使用freeMode的one of the demos on idangero.us并在移动视图中在我的桌面浏览器(FireFox,最新版本)上运行它并且它无法正常工作之前,我无法弄清楚我做错了什么。 我在我的手机上也尝试了它并且它在那里不起作用对我来说这表明移动浏览器不支持此功能。

这对我来说是一种交易破坏,我需要知道是否有任何已知的解决方法?我尝试Swipeshow作为替代方案,它们使它工作,但它是一个jQuery插件,我想避免使用jQuery,因为我没有在应用程序的其余部分使用它。

修改

为了澄清,我希望 freeMode 为false,我希望将freeMode设置为false,但在上面链接的演示中,freeMode会在移动设备上启动,它只会粘在桌面设备上。

修改2

我发现如果我在firefox(ctrl + shift + m)中更改为移动模式,然后再返回它可以正常工作。当我这样做时似乎发生的事情是触发某些东西并且滑动滑动(滑块内容)明确地设置它们的宽度。之后它似乎有效。在我的开发人员工具中手动设置宽度似乎并没有做太多。

1 个答案:

答案 0 :(得分:2)

好吧,我弄明白了这个问题。这有点棘手。 在启动Swip​​er时,包含我的滑动内容的div未显示(显示:无)。解决方案是等待Swiper初始化,直到我实际显示包含滑动内容的div。

真正让我感到困惑的是Swiper没有以任何方式失败,它只是尽力而为,并给了我半功能。我会更喜欢崩溃,说明类似于"无法计算幻灯片大小"或类似的东西。相反,它无声地失败:(