日々学んだことを残しておこう。きっと未来の自分が探しにくる。 (ただ忘れっぽいだけです…)

Android ブラウザ selectメニュー(プルダウン) が更新しない バグ


スマートフォン用のサイト作っていて、ちょっとハマったのでメモしておきます。

iPhoneブラウザでは問題なく、Androidの一部ブラウザのみに起こった現象です。
(一部だからなおタチが悪い。。。)

jQueryでアコーディオンっぽくしているdivタグ内に、selectメニューでプルダウンの項目を用意していて、それに連動した画像を表示するようにしていました。

一端、アコーディオン部分を閉じて、再度開いて、プルダウン項目を変更した際に、一部のAndroid端末で選択したselectindex自体はちゃんと取得できているのですが、プルダウンリスト表示(選択)される部分が更新されない現象に。

同じような現象な方発見しました。

(参考サイト)
Androidのブラウザにて、selectで値を選択しても表示が更新しない

これを参考に、アコーディオン閉じる時には、class="menu"をhideで閉じていたところを、style属性のdisplayプロパティをnoneにして、アコーディオン開く時には、class="menu"をshowで開いていたところを、style属性のdisplayプロパティをblockにしたら、ダメだった一部Android端末でもプルダウンのところが正常になりました。

しかし、アコーディオン部分がアニメーション的でなくなるという悲しい対処法なので、完全に解決という訳ではないですが、、、以下で対応しました。

■アコーディオン閉じる
$(".menu").hide('fast');

$(".menu").attr("style","display:none");


■アコーディオン開く
$(".menu").show();

$(".menu").attr("style","display:block");

この現象をチェックした端末と結果はこんな感じでした。
■プルダウンがちゃんと表示したAndroid端末(iOS)
○Sony XPERIA SO-01B (os android2.1update )
○Optimus LTE L-01D (os android 2.3.5)
○iPhone iPod 等iOS

■プルダウンがちゃんと表示しなかったAndroid端末
×Panasonic LUMIX Phone (os android 2.3.5)
×HUAWEI 007HW (os android 2.3.5)


う~ん、こういう不具合って、手元にいろいろな端末ないと確かめれないし、困るよね。


(参考サイト)
Android 端末の Mobile Safari で select ボックスの選択が反映されない
関連記事

2013-03-11 : Android : コメント : 1 : トラックバック : 0
Pagetop
コメントの投稿
非公開コメント

No title
こんにちは。
この記事のおかげですごい助かりました〜。
私の端末もandroid2.3.5なんですよね。
もう買い替えようとか思ってましたが、まだ手放せませんね。
ありがとう!
2014-08-22 17:49 : えーじ URL : 編集
Pagetop
« next  ホーム  prev »

広告

読みたいと思っている書籍

Amazon Web Services クラウドネイティブ・アプリケーション開発技法 一番大切な知識と技術が身につく Amazon Web Services 定番業務システム12パターン 設計ガイド イラストで学ぶ 機械学習 最小二乗法による識別モデル学習を中心に (KS情報科学専門書) イラストで学ぶ ディープラーニング (KS情報科学専門書)

カウンタ

メールフォーム

名前:
メール:
件名:
本文:

GoogleTranslate

管理人のつぶやき

人気記事ランキング

カテゴリ

openclose

ブログ内検索

全記事表示リンク

全ての記事を表示する

ブログパーツ