2012-02-16 4 views
1

Googleマップのようにマウスでスクロールできるページを作成しましたが、ユーザーがオブジェクトをクリックすると隠れたものが表示されますこれは、Windows上で離れてクロムとサファリのすべてのブラウザで動作しますWindowsのChrome/SafariでJqueryマウスを使用しました

var clicking = false; 

//mouse clicked down 
$(".tile").mousedown(function() { 
    clicking = true; 
}); 

//if mousemoves whilst its clicked down dont do mouse up as we are scrolling page 
$(".tile").mousemove(function() { 
    if (clicking == true) { 
     clicking = false; 
    } 
}); 

//So if mouse hasnt moved show the hidden object 
$(".tile").mouseup(function() { 
    if (clicking == true) { 
     //Show the hidden thing 
    } 
} 

:非常に簡単な解決策を考え出しますか?それで、Webkitを使うべきことは何か?これらのブラウザでダブルクリックすると動作しますが、そのシングルクリックが好きな場合は動作します。誰かがこの問題に遭遇したのか、それとも解決策を知っているのか疑問に思っていましたか?これが理にかなってほしい。

おかげですべてのブラウザで

答えて

0

mouseDownイベントまたは完全のmouseup仕事はあなたのために動作しない場合は、Windows

上のクロムとサファリが含まれる最後のjQueryを使用し、また試してみてください。

$(".tile").bind("mousedown",function() { 
    if (clicking == true) { 
     //Show the hidden thing 
    } 
} 
関連する問題