7

私はラジオボタンのグループを持っていて、それらがボタンのように見えるように表示するようにスタイルを設定しました(ラジオボタン自体も非表示にしました)。これは、デスクトップおよび Android タブレットの Chrome および Firefox ではうまく機能しますが、iPad では機能しません。

こちらをご覧ください: http://jsfiddle.net/WhNRK/

なんらかの理由で、ブロック要素は iPad で「アクティブ」ではなく、ラジオ ボタンを設定しません。ラジオボタンを「非表示」にすると、ブロックをクリックしても選択されないことがわかります。ただし、実際のラジオ ボタン自体をクリックすると、適切に選択され、ブロック要素の背景色も変更されます。 http://jsfiddle.net/WhNRK/1/

これを引き起こしている私が間違っていることについて何か考えはありますか? それはかなり単純な機能であるべきだと思われるので、私が見落としている単純なものであることを願っています...

これが組み込まれているサイトの主な用途はモバイルデバイス向けであるため、どの iOS デバイスでも動作する必要があります (iPhone でも同様に発生する可能性が高いと仮定して、今すぐテストするためにここに持っていないだけです)。 )。

ご提案いただきありがとうございます。

4

1 に答える 1

6

まず第一に、サファリとクロムの両方で、あなたのフィドルは実際にはiPhoneでも機能しません。

好奇心が強いので、コードを少しいじって解決策を見つけようとしました。html を少し変更して、ラベルを親ではなく入力の兄弟にしました。まだ私のiPhoneには影響がありません。

いくつかのグーグルの後、私はこれを見つけました:http://forums.macrumors.com/showthread.php?t=785632 私は解決策を試しましたが、うまくいくようですが、理由はわかりません。なんらかのバグだと思います...

onclick=""ラベルに追加する必要があります。

iPad ではテストしていませんが、大きな iPhone であるため、同じように動作するはずです。実際の例はここにあります: http://jsfiddle.net/WhNRK/15/

于 2012-08-28T16:58:29.030 に答える