android - 无法在 Android/Gingerbread 上使用 Flexslider/SwipeJS 激活选择

Question

我最近完成了一个移动网站的构建，发现了一个似乎只发生在 Android Gingerbread 上的错误。

当在JS滑块（如FlexSlider或Swipejs）中的幻灯片上放置SELECT INPUTE时，您可以再也不能单击它或缩合并选择选项。

我想知道这是否与这两个滑块都使用的 display none/block 的使用有关 - 也许 Gingerbread 在这些情况下无法正确呈现选择？有趣的是，使用 SwipeJS 的第一张幻灯片是功能性的；其他人没有。

我在网上做了一些测试来证明：

作为参考，我在示例中使用了 Flexslider 2 Beta，尽管 Flexslider 1 也会出现同样的问题。

适用于 Android Icecream Sandwich、iPhone - 甚至黑莓。

我已经断断续续地摆弄了好几天了，我似乎无法缩小范围。

有人可以帮忙吗？

score 4 · Accepted Answer

所以我从创建 Flexslider 的小伙子 Tyler Smith 那里得到了一些建议：

“您是否尝试过禁用 translate3d 的使用？useCSS: false，看看错误是否仍然存在？ translate3d 是 swipe/flex 之间的共同点，有时会表现得很奇怪。”

他是对的——这确实修复了它，尽管它导致了 Flexslider 的另一个错误（更新：他最近修复了）。

所以要小心 translate3D - 和 Android < 4.x 中的 CSS 动画，请参见此处：http ://daneden.me/2011/12/putting-up-with-androids-bullshit/

因此，为了解决这个问题，我将使用 useCSS: false 来定位 Android < 4.x。

请注意 useCSS 是 Flexslider 2 Beta 中的一个属性，目前仍在测试和开发中，因此请谨慎使用。

非常感谢泰勒！

参考：

score 4 · Accepted Answer

如果该useCSS: false方法不起作用，我发现-webkit-backface-visibility: hidden;从 flexslider.css 文件中删除可以修复它。

这可能意味着flip过渡不会按预期进行。没有测试过。

2 回答 2