jQuery Sortable - Nested UL elements -

निम्नलिखित मार्कअप पर विचार करें ..:

  & lt; dl class = "table" & gt ; & Lt; dt & gt; उल ड्रैग / ड्रॉप & lt; / dt & gt; & LT; dd & gt; & LT; ul & gt; & Lt;! - समूह 1 - & gt; & Lt; li & gt; पंक्ति 1, कॉलम 1 & lt; / li & gt; & Lt; li & gt; पंक्ति 1, कॉलम 2 & lt; / li & gt; & Lt; li & gt; पंक्ति 1, कॉलम 3 & lt; / li & gt; & Lt; / ul & gt; & LT; ul & gt; & Lt;! - समूह 2 - & gt; & Lt; li & gt; पंक्ति 2, कॉलम 1 & lt; / li & gt; & Lt; li & gt; पंक्ति 2, कॉलम 2 & lt; / li & gt; & Lt; li & gt; पंक्ति 2, कॉलम 3 & lt; ul & gt; & Lt;! - उप-समूह 2 - & gt; & Lt; li & gt; पंक्ति 2-1, कॉलम 1 & lt; / li & gt; & Lt; li & gt; पंक्ति 2-1, कॉलम 2 & lt; / li & gt; & Lt; li & gt; पंक्ति 2-1, कॉलम 3 & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; / ul & gt; & LT; ul & gt; & Lt;! - समूह 3 - & gt; & Lt; li & gt; पंक्ति 3, कॉलम 1 & lt; / li & gt; & Lt; li & gt; पंक्ति 3, कॉलम 2 & lt; / li & gt; & Lt; li & gt; पंक्ति 3, कॉलम 3 & lt; / li & gt; & Lt; / ul & gt; & Lt; / dd & gt; & Lt; / डीएल & gt;  

एक फ्लैट सूची पर jQuery के यूआई को लागू करना आसान है, लेकिन आप ऊपर संरचना का उपयोग करके सूची-वस्तुओं के समूह को खींचने की क्षमता कैसे लागू करेंगे? - उप-समूह 2 को समूह 3 या समूह 1 में उप-समूह 2 में ले जाएं।

< पी> मुझे लगता है कि यह एक आसान काम नहीं है, इसलिए मैं इस प्रश्न के 300 सम्मान की प्रतिष्ठा को संलग्न करूँगा जैसे ही मैं सक्षम हूं।

मैंने हाल ही में नेस्टेड सॉर्ट करने योग्य, मक्खी पर नई नेस्टेड सूचियां बनाने और यूआई 1.8 + के लिए लिखित किसी भी प्रकार की गति के लिए अनुमति देता है।