2011-08-09 9 views
7

デスクトップブラウザで完璧に動作するjQueryコードがあります。iPad上でのjQueryのマウス出力

$("span#checkbox_err").mouseout(function() { 
         $("span#checkbox_err").fadeOut("slow"); 
        }); 

しかし、同じことが、私はiPadでマウスアウトイベントをトリガするにはどうすればよい(結果としてcheckbox_errが画面に表示されますが、隠すことはありません)iPadで

をトリガしないのですか?私はFOLLOW UP QUESTION

私はiPad上でページをテストしていし、いくつかの直面していますがあります

また

私はちょうどこの小さな問題を解決するために、追加のライブラリを使用しないようにしたいでしょう。..同等のマウス出力動作を実装する問題。

問題は非常に分かりやすいです。 1.私のページには、クリック(またはタッチ)のチェックボックスがあり、errorMsgを表示したい。2. errorMsg以外のものをクリック/タッチすると、errorMsgを隠したい。

以下は私が書いたコード。私は/クリックし、チェックボックスにタッチすると

$(document).bind("touchstart",function(e){ 
     if(e.target.id != "checkbox_err") 
     $("span#checkbox_err").fadeOut("slow"); 
    }); 
} 


$("input:checkbox").bind("touchstart",function(){ 
$("span#checkbox_err").fadeIn("fast"); 

}); 

今すぐ問題があり、errorMsg内容は、しばらくの間表示され、

(ターゲットがerrorMsg内容ではないので)、それはまた、私はこの問題を解決するにはどうすればよい、すぐにそれを隠します問題?

答えて

2

あなたが代わりに.mouseoutの)(.blurを試みることができる()

+1

ぼかしは、()のiPad – Diana

-1

あなたはたぶんため泡立ちのipadの

+0

上で動作していない複数のタッチのためにではなく、単一のタッチのためにGestureEndはない...私はぼかし/マウスアウト.. – Diana

+0

@Dianaの同等を探しています:そのようなはありませんタッチの環境でmouesoutやマウスオーバーのようなイベントを実行してください。http://backtothecode.blogspot.com/2009/10/javascript-touch-and-gesture-events.html –

+0

を参照してください。しかし、実装する回避策はありますかmouseoutに相当する? – Diana

1

GestureEnd()イベントに試みることができますか? それは私にとって意味があります、イベントはターゲットではない下層に到達します。 は、だから、eventPropagationを停止する必要があります。

$("input:checkbox").bind("touchstart",function(){ 
$("span#checkbox_err").fadeIn("fast"); 
event.stopPropagation. 

}); 

は、それが屋お役に立てば幸いです。 mouseoutの代替手段が見つかったのですか? - 私をここに連れて来ました。

関連する問題