Fatal编程技术网
  • javascript/
  • Javascript 按子元素顺序验证的可排序div

Javascript 按子元素顺序验证的可排序div

javascript jquery html css

Javascript 按子元素顺序验证的可排序div,javascript,jquery,html,css,jquery-ui-sortable,Javascript,Jquery,Html,Css,Jquery Ui Sortable,考虑以下div结构 ele1divdivdivele2divdivele3div 我想按照我想要的顺序排列元素。 我发现我可以使用jQuery的sortable（）函数实现同样的功能 但是，我还想做一些验证，只有验证成功，被删除的div才能占据新位置。否则，它应恢复到原始位置 需要验证： 我想四处走动，安排ELE 1、ELE 2和ELE 3，但它应该只在它们的顺序保持不变时才起作用 例如，如果将ELE 2放置在ELE 3之后的位置，则应取消放置 有什么想法吗 jsiddle链接：这是一个非常

考虑以下div结构

ele1
div
div
div
ele2
div
div
ele3
div

我想按照我想要的顺序排列
元素。
我发现我可以使用jQuery的
sortable（）
函数实现同样的功能

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

需要验证：

我想四处走动，安排
ELE 1
、
ELE 2
和
ELE 3
，但它应该只在它们的顺序保持不变时才起作用

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

有什么想法吗


jsiddle链接：
这是一个非常定制的验证。但我要做的是向某些元素添加一个
数据顺序
属性。所以你可以按照原来的顺序

更改顺序后，您可以检查
数据顺序
属性是否仍处于正确的数字顺序。如果没有，请执行恢复

我举例说明了我的意思：




这就是你要找的吗？
是的，这将帮助我度过难关！非常感谢。