使用Flexslider / SwipeJS在Android /姜饼无法激活选择 [英] Can't activate select using Flexslider/SwipeJS on Android/Gingerbread
问题描述
我最近完成了建立一个移动网站,发现似乎只出现在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
工作正常的Android冰淇淋三明治,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
这篇关于使用Flexslider / SwipeJS在Android /姜饼无法激活选择的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!