Swipe-Geste deaktivieren, bis der CSS-Übergang abgeschlossen ist

Question

Ich habe n-halbe Kästen in einem absolut positionierten Behälter der Boxwidth * N-Breite.Dies liegt in einem relativ positionierten Behälter mit einem verborgenen Überlauf.Es gibt mehrere Reihen.Auf einem linken oder rechten Streichen fügt die horizontale Position des Kastenbehälters 1 eine Boxbreite von den in der linken Position der Behälter in der swackierten Richtung hinzu, ohne seine MAX-Positionen (0, 0) zu überschreiten, und ((Boxbridth * n), 0)

http://jsfiddle.net/rte8u/8/

Dies ist eine einfache Version von dem, mit dem ich gerade rollte, und es funktioniert jedoch, wenn zwei Swipes vorgenommen werden, bevor der CSS-Übergang abgeschlossen ist, wird die falsche Position "Aktuelle" Position referenziert.Was kann ich dagegen tun?

html

generasacodicetagpre.

css

generasacodicetagpre.

js

generasacodicetagpre.

Answer 1

Sie möchten wahrscheinlich nicht die Geste aufhalten, während die Felder im Übergang sind.Von einem Benutzererfahrung-Standpunkt, wenn ich zweimal wackelte, werde ich wahrscheinlich erwarten, dass die Kisten doppelt so weit bewegen.Eine Methode, die Sie verwenden könnten, ist, anstatt die Boxenpositionen zu erkennen und sich relativ zu der Position zu bewegen, um die Tabulatorindex index zu halten generasacodicetagpre.

Dann wechsle ich die Swipe-Gesten, um den Index als solches zu verfolgen:

generasacodicetagpre.

Die MoveBox-Funktion:

generasacodicetagpre.

http://jsfiddle.net/rte8u/11/