2012-10-08 4 views
6

jQueryUIを使用してリストから別のアイテムにドラッグしています。 モバイルデバイス、特にタッチ駆動デバイスの場合、ユーザーはリスト項目を押し続けてドラッグを開始する必要があります。これは、スクロール可能な操作性を無効にしないためです。iOS 6虫眼鏡をクリックして回避する

iOS 6.0では、ユーザーが同じリスト項目を押し続けている場合は、虫めがねが表示されます。これはドラッグする作業が難しくなります。

誰もが(多分)CSSまたはjQueryの解決策を知っていますか?事前に

enter image description here

感謝。

+2

あなたは{試してみました-webkit-user-select:none}? – Kiran

答えて

6

選択時に虫めがねが表示されます。

だから、通常のクロスブラウザuser-selectはあなたのリスト項目に追加します。

-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 

そして、良い対策のためにここでtouch-callout

-webkit-touch-callout: none; 

を追加するデモです:http://jsfiddle.net/MadLittleMods/3tzkc/

+1

私は自分のipadにアイテムをドラッグすることはできません、 – jose

+0

が働いたフィドルから!ありがとうございました – jose

関連する問題