1

最近、モバイル サイトの構築を完了したところ、Android Gingerbread でのみ発生すると思われるバグを発見しました。

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

これらの両方のスライダーが使用する表示なし/ブロックの使用と関係があるかどうか疑問に思っています-おそらくジンジャーブレッドはこれらの状況下で選択を適切にレンダリングできませんか? 興味深いことに、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、さらには Blackberry でも問題なく動作します。

私はこれを何日もオンとオフでいじっていますが、それを絞り込むことができないようです.

誰でも助けてもらえますか？

4

2 に答える 2

4

useCSS: falseメソッドが機能しない場合は-webkit-backface-visibility: hidden;、flexslider.css ファイルから削除すると修正されることがわかりました。

flipただし、これは、移行が期待どおりに機能しないことを意味する場合があります。テストしていません。

于 2012-12-03T10:29:25.493 に答える
4

それで、Flexslider を作った Tyler Smith からアドバイスをもらいました。

「translated3d の使用を無効にしてみましたか? useCSS: false で、エラーが引き続き発生するかどうかを確認しますか? translate3d はスワイプ/フレックスの共通点であり、時々奇妙な動作をします。」

彼は正しかった - Flexslider で別のエラーが発生したものの、実際に修正されました (更新: 彼は最近修正しました)。

Android < 4.x の translate3D と CSS アニメーションに注意してください。

したがって、修正するために、useCSS: false を使用して Android < 4.x をターゲットにします。

useCSS は Flexslider 2 Beta の属性であり、まだテストおよび開発段階にあるため、注意して使用してください。

タイラーに感謝します！

参照:

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

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

于 2012-05-03T08:52:50.923 に答える