私は、画面の右上にある6つの「ジュエルボタン」にメニューを最小化したWebサイトベースのシステムに折りたたみ可能なメニューを作りました。同じもので、メニュー内の項目を参照するアラートの数である数字が含まれています。jQuery onMouseover/onClick for Touchscreen users(すなわちiPad)
これらの内容は私の質問と実際には関係ありませんが、単にテキストではないため、メニュー項目の内容を説明するラベルを明瞭に読みやすいわけではありません。
したがって、私はonMouseoverツールチップを置いて、それぞれのメニュー項目が何であるかを説明する隠れたdivを表示しています。
また、jQueryがメニューを表示するためのonClickイベントもあります。
これは、プライベートイントラネットシステムであり、それは十分に明らかではないとして、私は公共のウェブサイト上でこれらのメニューを使用することはありませんが、これはアプリケーションであることを考えると、私の問題は次のとおりです。
のためにiPadで見た場合例(とおそらく他のタッチスクリーンデバイス)では、onMouseoverはonClickとして扱われるため、ボタンをクリックするだけでツールチップが表示され、必要に応じてメニューは表示されません。
これを処理するためのアドバイスは何ですか?
これはプライベートWebアプリケーションだから、iPadユーザーを検出してjQueryを再構築してiPadユーザーのonMouseoverコマンドを無視することができましたが、同様のアプリケーションを何かに展開するとより多くのユーザーがいる可能性があります、これらの2つのイベントを処理する方法は何ですか?イベント結合(まだのような)フルスクリーンJS Fiddle demoでなくて(私はを容易にするため、そのデモにリダイレクトするTinyURLのをまた作ったとはいえ、私は、以下の簡単なデモでこれをテストしてみた
優秀な、私は単純に私を '変更することを使用しました.hoverTip'クラスを '.clickTip'にします。ここでは、タッチスクリーンデバイス 使用されている。ユーザーフレンドリーではありませんが、機能します。ありがとう。 –
あなたは大歓迎です。私は助けになってうれしいです! =) –