5

モバイル デバイスとデスクトップ デバイスの両方をサポートすることになっているサイトに取り組んでいます。jquery-address プラグインを使用して、ハッシュタグを使用してディープリンク可能な画像ギャラリーを作成しています。

しかし、iOS5 と iphone 5 を使用した ipad シミュレーターで、イベントを適切に機能させるには、画像ギャラリーで画像ギャラリー内のカテゴリを 2 回クリックする必要があるという問題に気付きました。ワンクリックで、OSX の chrome/safari/firefox で問題なく動作します。

これまでのところ、これは iphone/ipad でしか見たことがありません。 デスクトップ ブラウザは 1 回のクリックで正常に動作するのに、iPad/iPhone の iOS では 2 回クリックする必要がある理由について何か考えはありますか? 私はここで途方に暮れています。問題が私のマークアップ/JavaScript にあるのか、それとも iPad/iPhone の jquery-address/safari のあいまいなバグにあるのかわかりません。

4

1 に答える 1

4

これは、マークアップと .gallery-category のホバー状態が原因であると確信しています。

.gallery-category:hover {
  color: white;
  cursor: pointer;
}

マウスなしではホバー状態を検出する方法がないため、iOS は通常の方法で :hover をサポートしていません。それは通常、まっすぐな a:hover 状態で整理されますが、マークアップが少し複雑であるため (そして親に :hover 状態があるため)、それが壊れていると推測しています。

上記のスニペットを置き換えて作業すると思います

.gallery-category a:hover {...

それはそれを修正します（私はあなたのコードでそれを試していません）

于 2012-10-05T07:05:05.947 に答える