2011年04月24日

jQuery:jquerymobile開発 galaxy s(Android 2.2)でselectboxが動作しなくなる

CTOA日記さんの記事を参考にさせてもらいました。
jquerymobile開発 galaxy s(Android 2.2)でselectboxが動作しなくなる

>特定の状況ですがdata-native-menu="true"にした場合、galaxy s(Android 2.2)動作しなくなります。
>xperia(Android2.1)は動作しました。
>以下のフォーラムでも問題として出ていました。
>https://github.com/jquery/jquery-mobile/issues/1051
対応方法としてはフォーラムにも貼られている以下のサンプルページだと動作するので、カスタマイズされたjquery >mobileのソースとdefault.cssを使えば解決します。
>http://jquerymobile.com/test/docs/forms/forms-selects.html
>上記を反映した場合、デフォルトでdata-native-menu="false"が設定されるので注意が必要です。


上記のように、特定の条件でselectboxが動作しなくなる場合があります。
フォーラムにて解決はしているようなのですがjquery-mobile.cssをdefault.cssに変えなければなりません。
ですが、丸々変えることでレイアウトの崩れが生じてしまいました。(必ず崩れるかは未確定です。)
そこで、default.css問題の個所を見つけ、jquery-mobile.cssに入れ込むことで問題を解決しました。

http://jquerymobile.com/test/themes/default/
このdefault.css1558行目をjquery-mobile.cssの該当箇所と差し替えることで動作するようになりました。