2012-09-26 17 views
5

私はモバイルデバイスとデスクトップデバイスの両方をサポートするはずのサイトで作業しています。私はjquery-address pluginを使ってハッシュタグを使って深くリンクできる画像ギャラリーを作っています。iPad/iPhoneで必要なときに2回のクリックが必要

しかし、iOS5とiphone 5のipadシミュレータで画像ギャラリーのカテゴリを2回クリックしてイベントが正常に動作するようにする必要があることに気づいています。ワンクリックでOSXのchrome/safari/firefoxでうまく動作します。

これまでのところ、iphone/ipadでこれを確認しました。 デスクトップブラウザがワンクリックで正常に動作する理由についてのアイデアはありますが、ipad/iphoneのiOSは2つ必要ですか?私はここに迷っています。 iPad/iPhoneのjquery-address/safariのマークアップ/ javascriptやあいまいなバグに問題があるかどうかはわかりません。

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

のiOSがサポートしていません:検出する方法はありませんので、通常の方法でホバリング

+0

はJSせずにiPadでそれを試みた

.gallery-category a:hover {... 

それはそれを修正する上で動作するように上記のスニペットを置き換える場合

は、私が思う:同じ問題。だから、Safari Mobileが#を処理する方法です。私は絶対URLで試してみる。 – mddw

答えて

4

は私が原因あなたのマークアップと.galleryカテゴリにホバー状態を有することにこれはかなり確信していますマウスのないホバー状態。まっすぐなa:ホバー状態でそれ自体をソートしますが、あなたのマークアップはちょっと複雑です(親にホバー状態があります)ので、マークアップが壊れてしまいます。あなたは(私もあなたのコードでそれを試していない)

+0

私は今日後でそれを打ち明けます。 – Dave

+0

私は正しい方向に向かってくれてありがとう。私はワンタップアクションが必要なときにiPad上でダブルタップさせる 'mouseleave'イベントハンドラを持っていたことが判明しました。 – Jasper

関連する問題