2012-05-01 9 views
1

最近モバイルサイトの構築が完了し、Android Gingerbreadでのみ発生するようなバグを発見しました。Android/GingerbreadでFlexslider/SwipeJSを使用して選択できません

JSスライダ(FlexsliderやSwipeJSなど)内のスライドに選択入力を配置すると、それをクリックしたり、フォーカスを与えてオプションを選択することができなくなります。

これらのスライダーの両方を使用するdisplay none/blockの使用と関係があるのでしょうか?おそらくGingerbreadはこれらの状況下でselectを適切にレンダリングできませんか?興味深いことに、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

http://swipejs.com/

Androidのアイスクリームサンドイッチ、iPhone上で罰金作品 - でも、ブラックベリー。

私はこれを数日にわたってオンオフしています。私はそれを絞り込むことはできません。

誰でも助けてください。

答えて

4

は、だから私は親切にFlexslider、タイラー・スミス建てやつからいくつかのアドバイスを与えた:?偽、およびエラーが引き続き発生した場合に見translate3dは次のとおりです。

を「useCSSあなたはtranslated3dの使用を無効にすることを試みたことがありますか?スワイプ/フレックスの間の共通の分母であり、時には奇妙な動作をします。

フレックススライダー(更新:彼が最近修正したもの)とは異なるエラーが発生したにもかかわらず、実際に修正されました。

のでtranslate3Dを注意してください - ここを参照してください、Androidの< 4.xでとCSSアニメーション:http://daneden.me/2011/12/putting-up-with-androids-bullshit/

をので、修正するために、私はuseCSSとAndroidの<の4.xをターゲットにされます:偽。

useCSSはFlexslider 2 Betaの属性です。まだテストおよび開発中ですので、注意して使用してください。

タイラーがありがとう!

参考:useCSS: false方法が機能しない場合

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

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

+1

あなたのお尻を保存していただきありがとうございます.. !! – Miuranga

4

、私はflexslider.cssファイルから-webkit-backface-visibility: hidden;を削除すると、それを修正することがわかりました。

これは、flipのトランジションが期待通りに機能しないことを意味します。テストしていない。

+0

入力していただきありがとうございます。 – iamkeir

関連する問題