我正在寻找有关如何创建用于管理数据驱动菜单的jQuery重新排序列表的教程,文章等。我希望能够将菜单项拖放到位置或使用/向下箭头或类似的东西,从而创建一种更直观和视觉的方式来操纵菜单项,而不是输入父ID进行定位。

任何人都可以提出任何建议。

谢谢!

有帮助吗?

解决方案

我创建了一个示例,以显示这样的菜单背后的基本原理。这是非常裸露的骨头,但也许会让您入门。 http://jsfiddle.net/zevan/uxlqv/2/

关键基本上是:

  1. 根据外部信息来绘制几个DIVS
  2. 使Divs垂直拖动
  3. Mouseup在其Y位置上排序所有divs,并纠正因阻力而导致的任何混乱的间距
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top