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

Question

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

When a select input is placed on a slide within a JS slider (such as Flexslider or SwipeJS), you can no longer click it or give it focus and select the options.

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

我在网上弹出了一些测试来演示:

http://playground.iamkeir.com/slider-flexslider1-select

http://playground.iamkeir.com/slider-flexslider2-select

http://playground.iamkeir.com/slider-swipjs-select

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

https://github.com/woothemes/FlexSlider

https://github.com/woothemes/FlexSlider/tree/FlexSlider2

http://swipejs.com/

在 Android Icecream Sandwich、iPhone - 甚至黑莓手机上运行良好。

几天来我一直在断断续续地摆弄这个问题，但我似乎无法缩小范围。

有人可以帮忙吗？

Answer 1

所以我从构建 Flexslider 的人 Tyler Smith 那里得到了一些建议:

“您尝试过禁用 translated3d 的使用吗？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 是 Fl​​exslider 2 Beta 中的一个属性，目前仍在测试和开发中，请谨慎使用。

非常感谢 Tyler!

引用:

http://playground.iamkeir.com/slider-flexslider2-select/

https://github.com/woothemes/FlexSlider/tree/FlexSlider2