我需要使用jquery ui可排序插件制作一个机架系统。机架系统应满足以下条件/要求。
- Rack系统包含N个机架
- 机架系统可能包含单机架元件或双机架元件或两者兼有
- 机架系统可能有空机架(表示未使用的空间)。
- 机架系统必须可排序。
- 当用户拖动n将元素拖放到未使用的空间时,它应该填充该位置,不需要对整个元素进行排序,并且元素的原始位置将变为空。(如果是单个。)
- 如果在单个空元素上放置双元素,它将填充该元素并在原始位置创建一个元素。
- 如果在两个空元素上放置一个double元素(意味着相邻的空元素),那么它将占用这些元素并代替原始位置创建两个单个元素。
- 如果是double元素,源位置和目标位置之间包含两个空元素,删除这些元素并在源位置创建两个空元素。
- 空元素不可拖动。
我已经实现了一些错过了上述某些条件的东西。任何人都可以帮我解决这个问题。
点击此处查看小提琴[Fiddle](http://jsfiddle.net/68zp2bqp/2/)