次のコードは、単一の文字が入力フィールドに入力されるとすぐに div を表示することになっています。文字が入力されなくなるとすぐに、入力は再び非表示になります。
これは、iPhone および iPhone でテストされたすべてのデスクトップ ブラウザで問題なく動作します。ただし、Android では何も起こりません。
$("#filter").keyup(function () {
if ( !$('input#filter').val().length == 0 ){
$('#filter-close').removeClass('hidden');
//alert('remove hidden');
} else {
$('#filter-close').addClass('hidden');
//alert('add hidden');
}
});
最初は、イベントが発生しないという問題だと思いました。これをテストするために、アラートを追加しました (上記のコードではコメントアウトされています)。イベントが正常に起動していることがわかりました。
入力にフォーカスがあるときに追加または削除されたクラスが適用されない、または適用されても適切な CSS が要素に適用されない Android のバグはありますか? ありがとう