jQuery यूआई के साथ सॉर्ट करने योग्य + नेस्टेड सूचियां 1.8.2

Question

यह प्रश्न सब खत्म हो गया है, लेकिन मेरे पास कोई भी समस्या नहीं है जैसा कि मेरे पास है।

मैं इसे "बस काम" करने के लिए उम्मीद थी जब मैं इस

$(function(){ 
    $('#unique-ul').sortable({items:'li'}); 
}); 

की तरह कुछ है। बड़े पैमाने पर, यह करता है। मैं किसी भी सूची से किसी भी सूची में किसी भी < ली > खींच सकता हूं, और उस <li> के किसी भी उपन्यास को इसके साथ खींचा जा सकता है।

हालांकि, खींचते समय, यह वास्तव में भ्रमित हो जाता है कि इसे कहां गिराया जाना चाहिए। 1.8.0 का उपयोग कर एक उदाहरण यहां दिया गया है; यह वही व्यवहार प्रदर्शित करता है।

http://jsbin.com/ewuxi3/

अन्य सभी प्रतिक्रियाओं मैं इस बारे में मिल गया है मुझे नेतृत्व कि इस व्यवहार jQuery यूआई द्वारा समर्थित है विश्वास करने के लिए; http://dev.jqueryui.com/ticket/4333

मैं नहीं मिल सकता है किसी और को तो यह पता चलता है कि मैं यह गलत कर रहा हूँ, जो इस मुद्दे पड़ा है: उदाहरण के लिए, यहाँ एक बग नेस्ट draggables के बारे में 1.7 के खिलाफ पंजीकृत है। कोई सुराग?

Answer 1

ऐसा इसलिए होता है क्योंकि अगर आप नेस्टेड <li> से ऊपर हैं या इसमें से एक है तो सॉर्ट करने योग्य वास्तव में नहीं जानता है।

<ul> 
    <li><div>Item 1</div> 
    <ul> 
     <li><div>Subitem 1</div></li> 
     <li><div>Subitem 2</div></li> 
    </ul> 
    </li> 
    <li><div>Item 2</div></li> 
    <li><div>Item 3</div></li> 
</ul> 

और विकल्प toleranceElement: '> div' सेट: एक समाधान इस तरह की एक संरचना का प्रयोग है। मुझे नहीं पता कि यह दस्तावेज क्यों नहीं है, लेकिन यह वहां है और यह छेड़छाड़ की गणना करते समय केवल <div> पर विचार करने के लिए सॉर्ट करने योग्य को बताता है।

यदि आप रुचि रखते हैं, तो हाल ही में developed a plugin जो नेस्टेड सॉर्टिंग को आसान बनाता है, जिससे फ्लाई पर नई नेस्टेड सूचियां बनती हैं।