我最近完成了建立一个移动网站，发现似乎只出现在Android姜饼。

I've recently finished building a mobile site and discovered a bug that only seems to occur on Android Gingerbread.

在选择输入被放置在一个幻灯片中一个JS滑块（如Flexslider或SwipeJS），你不能再单击它或把它聚焦和选择选项。

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.

我不知道是否有做与使用显示器无/块，这两个滑块使用 - 也许姜饼无法呈现的选择在这种情况下是否正确？有趣的是，使用SwipeJS第一滑动是功能;其他人没有。

I'm wondering if it has to do with the use of display none/block which both these sliders use - perhaps Gingerbread cannot render the select properly under these circumstances? Interestingly, the first slide using SwipeJS is functional; the others not.

我突然出现了一些测试的在线演示：

I've popped a few tests online to demonstrate:

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

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

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

有关的参考，我使用Flexslider 2测试版的例子，虽然Flexslider 1出现了同样的问题。

For reference, I'm using Flexslider 2 Beta in the example, although the same issue occurs with Flexslider 1.

https://github.com/woothemes/FlexSlider

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

http://swipejs.com/

工作正常的Andr​​oid冰淇淋三明治，iPhone - 甚至黑莓

Works fine on Android Icecream Sandwich, iPhone - even Blackberry.

我一直在摆弄这个和关闭了好几天，现在我只是似乎无法缩小下来。

I've been fiddling with this on and off for days now and I just can't seem to narrow it down.

任何一个可以帮助吗？

推荐答案

所以，我好心给一些意见是谁建Flexslider，泰勒史密斯第一章：

So I was kindly given some advice from the chap who built Flexslider, Tyler Smith:

你有没有尝试过禁止使用translated3d的useCSS：假的，如果仍然出现此错误看到translate3d是刷卡/柔性之间的共同点，以及行为异常现象？。

"Have you tried disabling the use of translated3d? useCSS: false, and seeing if the error still occurs? translate3d is a common denominator between swipe/flex, and behaves strangely sometimes."

他是正确的 - 这确实解决它，虽然它与Flexslider（更新：这是他最近固定）引起了不同的错误

He was right - that did indeed fix it, although it caused a different error with Flexslider (update: which he has recently fixed).

所以要小心translate3D - 在Android的＆LT CSS动画; 4.x中，在这里看到： http://daneden.me/2011 / 12 /外放了与 - 机器人 - 废话/

So beware translate3D - and CSS animations in Android < 4.x, see here: http://daneden.me/2011/12/putting-up-with-androids-bullshit/

因此​​，要解决，我将针对Android的＆LT; 4.x版与useCSS：假

So, to fix, I will be targeting Android < 4.x with useCSS: false.

请注意useCSS是Flexslider 2 Beta版，目前还处于测试和开发的属性，所以要小心。

Please note useCSS is an attribute in Flexslider 2 Beta, which is still in testing and development, so use with caution.

非常感谢泰勒！

编号：

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

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