/ / Обмін елементами за допомогою перетягування (jQuery) - jquery, jquery-ui, drag-and-drop

Обміняти елементи за допомогою перетягування (jQuery) - jquery, jquery-ui, drag-and-drop

У мене є 4 квадрати, представлені як ескіз знизу. (або прикинься, що в ньому всього 4 квадрати це загадка демо.) Я хочу поміняти будь-які два, горизонтально, вертикально або по діагоналі без впливаючи на два інших. У демонстраційній версії головоломки, якщо ви обмінюєтеся двома діагоналями, як 1 і 4, рухаються також суміжні квадрати, що є небажаним.

Я зміг зробити обмін, використовуючи jQuerydraggable & dropabble. Я роблю swap в падінні випадку droppable. Однак небажаний візуальний ефект полягає в тому, що я скидаю квадрат, він повертається, а потім перемикач відбувається. Я не хочу, щоб це відбулося. Це повідомлення має більшу частину мого коду.

Будь-які ідеї про те, як зупинити відмовувідбувається або як використовувати одну і ту ж демо-версію головоломки, але має лише два квадрати, щоб переміщатись, обмінюючись, не маючи інших квадратів? (не впевнений, що це можливо з сортуванням jQuery)

 1   2
3   4

Відповіді:

3 для відповіді № 1

Це плагін анімації своп адже jQuery може чудово вирішити вашу проблему.