需要使用jquery ui可排序插件制作机架系统

时间:2015-02-13 10:37:02

标签: jquery css jquery-ui jquery-ui-draggable jquery-ui-sortable

我需要使用jquery ui可排序插件制作一个机架系统。机架系统应满足以下条件/要求。

  • Rack系统包含N个机架
  • 机架系统可能包含单机架元件或双机架元件或两者兼有
  • 机架系统可能有空机架(表示未使用的空间)。
  • 机架系统必须可排序。
  • 当用户拖动n将元素拖放到未使用的空间时,它应该填充该位置,不需要对整个元素进行排序,并且元素的原始位置将变为空。(如果是单个。)
  • 如果在单个空元素上放置双元素,它将填充该元素并在原始位置创建一个元素。
  • 如果在两个空元素上放置一个double元素(意味着相邻的空元素),那么它将占用这些元素并代替原始位置创建两个单个元素。
  • 如果是double元素,源位置和目标位置之间包含两个空元素,删除这些元素并在源位置创建两个空元素。
  • 空元素不可拖动。

我已经实现了一些错过了上述某些条件的东西。任何人都可以帮我解决这个问题。 点击此处查看小提琴[Fiddle](http://jsfiddle.net/68zp2bqp/2/)

0 个答案:

没有答案