2012-01-04 1 views
1

私はここに私の問題があるJSFiddleを持っています:http://jsfiddle.net/Paddy/86YSN/7/。 非常にシンプルなマーキーです。小さな白いボックスは、クリックすると次の/前のスライドに移動します。ワンクリックイベントの要素でダブルクリックイベントを停止する

1つをダブルクリックすると、何かがうまくいかず、スライドがずれてしまいます。私は時間のかかる要素のダブルクリックイベントを無効にする方法を見つけようとしています。この方法を試しました。

$('#arrow_left').bind('dblclick',function(e){ 
    e.preventDefault(); 
}); 

運がありません。誰も助けることができますか?

(多くのありがとう)

答えて

1

あなたはそれがないならば、先に行くと、再びアニメーションを実行し、そのアニメーションが現在かどうかを確認する必要があります。これにより、アニメーションが終了します。は、.stop()を使って何をしたいのかと一線を画していると思います。

if(!$('.marquee_photos').is(":animated")){ 
    //your code here 
} 

JSFIDDLE HERE

+0

これは完璧に動作しますありがとう!私は単純な解決策があることを知っていた。 – AJP

+0

@AJP私はあなたのためにうれしいです!質問ごとに1つの回答を[承諾](http://meta.stackexchange.com/q/5234)としてマークすることができますか? – flynfish

2

あなたはDBLCLICKイベントを忘れると、ちょうど、すでに次のアニメーションを処理するときに呼び出される関数にこのライン

$('.marquee_photos').stop(true,true); 

を追加することにより、実行中のすべてのアニメーションを停止することができます。作業例 - >http://jsfiddle.net/86YSN/11/

docs on stop() here

関連する問題