無法在Android /薑餅上使用Flexslider/SwipeJS激活選擇

Question

我最近完成了構建移動網站並發現了一個似乎只發生在Android薑餅上的錯誤。

當選擇輸入放置在JS滑塊（例如Flexslider或SwipeJS）中的幻燈片上時，您不能再單擊它或爲其指定焦點並選擇選項。

我想知道它是否與使用這兩個滑塊使用的display none/block有關 - 也許薑餅在這些情況下無法正確渲染選擇？有趣的是，使用SwipeJS的第一張幻燈片是功能性的;其他人不是。

我突然出現了幾個在線測試證明：

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也會出現同樣的問題。

https://github.com/woothemes/FlexSlider

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

在Android冰淇淋三明治

http://swipejs.com/

工作正常，iPhone - 甚至是黑莓。

我一直在擺弄這個開關幾天，我似乎無法縮小它。

請問能有人協助嗎？

Answer 1

所以我好心給從誰建Flexslider，泰勒史密斯龜裂一些建議：

「你有沒有嘗試過禁止使用translated3d的useCSS：假的，並查看是否仍然出現錯誤translate3d是？滑動/彎曲之間的共同點，有時表現奇怪。「

他說得對 - 確實解決了這個問題，雖然它導致了與Flexslider不同的錯誤（更新：他最近修復了這個錯誤）。

所以要小心translate3D - 在Android的< 4.x的CSS動畫，在這裏看到：http://daneden.me/2011/12/putting-up-with-androids-bullshit/

所以，要解決，我將針對Android的< 4.x版與useCSS：假的。

請注意useCSS是Flexslider 2 Beta中的一個屬性，它仍在測試和開發中，請謹慎使用。

非常感謝泰勒！

編號：

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

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

Answer 2

如果useCSS: false方法不起作用，我發現，從flexslider.css文件中刪除-webkit-backface-visibility: hidden;修復它。

這可能意味着flip轉換將無法按預期工作。沒有測試過。