拖放Div并比较值

Question

我有四个自定义属性的div，如：

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

现在我想用jquery让每个div都可以拖放。 现在当用户拖动时，例如div A2上的div A1（副verca也可能），它应该比较标记属性，如果标记恰好相同，我想要一个警告通知用户这个。

我将如何实现这一目标？我可以使用仅限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 sortable library ...

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

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

var list将包含div的排序列表...您必须弄清楚如何使用它。