1

シナリオは次のとおりです。jquery draggable() を使用してジョイスティックを実装しようとしており、ジョイスティックの y 座標に基づいて、div を左または右に移動します (y が正の場合は右に移動します。そうでない場合) y が負の場合、左に移動します)。私はすでにこの部分を行っていますが、アニメーションをいつ停止するかが問題です。

例;

  1. ジョイスティックを上下にドラッグして押したままにすると、div の動きが止まりません。ジョイスティックを離したときにのみ停止するはずです。どうすればこれを達成できますか? 私はこれを追加しようとしました:

    stop: function(){ $(div).stop() } //should stop animation

  2. また、イベントのキューイングを停止するにはどうすればよいですか?

助言がありますか？または、私が間違っていた場所を指摘できる人はいますか? ありがとう。

ここでフィドルを作成しました：http://jsfiddle.net/j3toxicat3d/cKd8k/2/

4

1 に答える 1

3

を使用する必要があります.clearQueue。

stop: function(){ $(div).clearQueue() }

ドラッグするたびに、より多くのアニメーションが待ち行列に入れられるため、アニメーションは次々と進みます。速度のキーワードは 200 ミリ秒なので、現在のアニメーションを停止するだけfastなので、合計が長くなるほど長くなります。stop

アップデート：

http://jsfiddle.net/cKd8k/3/

一部の機能をドラッグ以外の場所に移動します。

于 2013-08-02T18:30:30.157 に答える