вернуть 'недействительный' с сеткой не возвращает в начальную позицию с помощью jQuery UI Draggable

Question

Короче говоря, если вы используете перетаскивание с сеткой и устанавливаете revert: 'invalid' для перетаскиваемых элементов, они не возвращаются точно в то же место, откуда вы начали их перетаскивать.Они возвращаются в место, близкое к тому месту, где вы начали их перетаскивать ... довольно странно.

Это может быть ошибкой в ​​пользовательском интерфейсе.Если так, кто-нибудь знает, есть ли обходной путь для этого?

Пример: http://jsfiddle.net/n2AUv/11/

Спасибо!Джон.

Answer 1

grid дополнительная документация говорит:

Привязывает перетаскивающий помощник к сетке, каждые пиксели x и y.

Похоже, что grid был разработан для использования только с каким-то помощником.И действительно, если вы используете helper: "clone", все хорошо: помощник возвращается рядом с местом исходного экземпляра и

Да, это похоже на ошибку в пользовательском интерфейсе.Но есть обходной путь: использовать помощник для перетаскивания :

$(".dragme").draggable({
    revert: true,
    helper: "clone",
    grid: [50,50]
});

Этот обходной путь вносит другую странную ошибку: после того, как действительное падение в области сбрасываемой области уничтожается и на его месте появляется оригинальный экземплярВы можете увидеть это в fiddle ).

Эта ошибка как-то решена для draggable с connectToSortable опциями.Возможно, и в вашем случае можно исправить ошибку.

Кроме того, я подозреваю, что весь беспорядок из-за этого куска кода в перетаскиваемом.