javascript - 对子元素的顺序进行验证的可排序 div

Question

考虑下面的 div 结构

---

ELE 1 div div div ELE 2 div div ELE 3 div

---

我想按我想要的顺序排列 ELE n。我发现我可以使用 jQuery 的 sortable() 函数来实现相同的目的。

但是，我还想做一些验证，只有验证成功，丢弃的div才能占据新的位置。否则它应该恢复到原来的位置。

需要验证:

我想四处移动并安排 ELE 1、ELE 2 和 ELE 3，但只有当他们的 顺序保持不变。

例如，如果 ELE 2 被放置在 ELE 3 之后的位置，则应该取消放置

有什么想法吗？

JSFiddle 链接: http://jsfiddle.net/neekdamon/C9kUM/1/

Answer 1

这是一个非常自定义的验证。但我会这样做的方式是通过向某些元素添加 data-order 属性。所以你可以按照原来的顺序。

更改顺序后，您可以检查 data-order 属性是否仍处于正确的数字顺序。如果不是，请还原。

我举个例子说明我的意思:

http://jsfiddle.net/C9kUM/2/

这就是你要找的吗？