تنفيذ A / Resortable قائمة مرصوف قابلة للسحب في مسج

Question

وأنا الحاجة إلى جعل هذا المحرر التخطيط الذي يستخدم قدرا جيدا من على مسج بالنسبة السماح منتجع واحد البنود المدرجة على سيرهم الذاتية. I تصوره يظهر مربع حوار مع تمثيل رسومي من الأقسام، نوع من مثل:

[Details - locked -- immovable]
[Overview -- immovable, but can be hidden or shown again]
----imaginary line where things can not be moved above this---
[Career History -- movable]
[Key Skills -- movable + can be hidden or shown again]
[Education & Qualifications -- movable]
[Personal Interests -- movable + can be hidden or shown again]
---imaginary line where things cannot be moved below this--
[References -- immovable]

عند يتم نقل العناصر، فإنها تحتاج إلى الانزلاق الى أقرب فتحة الخاصة بهم.

وأنت لا أعلم مثال على شبكة الإنترنت حتى أنها تشبه عن بعد إلى هذا، هل؟

Answer 1

وjquery.ui.draggable وjquery.ui.sortable يتبادر إلى الذهن.

http://docs.jquery.com/UI