Перетащите Divs и сравните значения

Question

У меня есть четыре элемента с пользовательскими атрибутами, такими как:

<div marker="A">A1</div>
<div marker="A">A2</div>
<div marker="B">A3</div>
<div marker="B">A4</div>

Теперь я хотел бы использовать jquery, чтобы каждый div мог перетаскивать их. Теперь, когда пользователь перетаскивает, например, div A1 на div A2 (возможно, наоборот), он должен сравнить атрибут маркера, и если маркер окажется таким же, я хочу предупредить пользователя об этом.

Как бы я этого достиг? Могу ли я использовать только jquery или мне нужен плагин для этого?

Answer 1

http://jqueryui.com/demos/draggable/
http://jqueryui.com/demos/droppable/

Обновлено с демо!

Здесь, как вы можете убедиться сами, используя методы jQuery UI draggable () и droppable (), легко добиться желаемого ... Вы можете увидеть демонстрацию здесь:

http://vidasp.net/tinydemos/dragging-and-dropping.html

Answer 2

Включить сортируемую библиотеку jquery ui ...

$("div").sortable({
    opacity: 0.6,
    revert: true,
    cursor: 'move',
    update: updateList
});

function updateList() {
    var list = $("div").sortable('toArray').toString();
}

var list будет содержать отсортированный список div-ов ... вам придется выяснить, как его использовать.