jQuery यूआई: केवल अपने माता-पिता स्तर के भीतर क्रमबद्ध करने की अनुमति दें, और ऊपर या नीचे

Question

मूल रूप से एक सूची संरचना का उपयोग करके, मैं प्रत्येक ली को अपने स्तर के भीतर क्रमबद्ध करने की कोशिश कर रहा हूं, लेकिन अन्य स्तरों के भीतर नहीं। इसलिए यदि मैं Number 1 को खींच रहा हूं तो यह किसी भी उप उल या ली के साथ मिश्रण नहीं करेगा लेकिन केवल Number 2 से नीचे जाएगा। यही वह है जो मैंने अभी तक किया है, और जब यह ली के स्तर से ऊपर जाने से रोकता है, तो यह ली के स्तर को नीचे से मिश्रण करने से नहीं रोकता है। उदाहरण के लिए अभी मैं स्थानांतरित कर सकते हैं Number 1Number 2.1 के बीच और Number 2.2

$(".sortable2, .sortable2 ul").sortable({ 
    opacity: 0.5, 
     stop:function(i){ 
      $.ajax({ 
       type: "GET", 
       url: "?", 
       data: $(this).sortable("serialize") 
      }); 
     } 
}); 



$(".sortable2").selectable(); 
$(".sortable2").disableSelection(); 


$('.sortable2').bind('mousedown', function(e) { 
    e.stopPropagation(); 
}); 

यहाँ उल ली संरचना होती है:

<ul class="sortable2"> 
    <li>Number 1 
     <ul class="sortable2"> 
      <li>Number 1.1</li> 
      <li>Number 1.2</li> 
     </ul> 
    <li> 
    <li>Number 2 
     <ul class="sortable2"> 
      <li>Number 2.1</li> 
      <li>Number 2.2 
       <ul class="sortable2"> 
        <li>Number 2.2.1</li> 
        <li>Number 2.2.2</li> 
       </ul> 
      </li> 
     </ul> 
    <li> 
</ul> 

Answer 1

आपका HTML और चयनकर्ताओं दोनों वास्तव में खराब कर दिया जाता है। मैंने इसे आपके लिए यहां साफ कर लिया है। ध्यान दें कि आपको सॉर्टेबल के विभिन्न स्तरों के लिए अलग-अलग वर्ग नामों को परिभाषित करने की आवश्यकता है, या कम से कम सुनिश्चित करें कि वे एक ही चयनकर्ता द्वारा वापस नहीं लौटे हैं। एक निश्चित कार्यान्वयन के लिए इस लिंक की जाँच करें: http://jsfiddle.net/HWmz3/

के रूप में टिप्पणी की थी http://jsfiddle.net/GMUbj/

तुम भी धुन चयनकर्ताओं आप के रूप में वर्ग के नाम को परिभाषित करने के लिए जारी रखने और इस पूरे गंदगी पूरी तरह से बचने के लिए, नहीं था तो सकता है एक और जवाब आप आइटम विकल्प का उपयोग करके अलग-अलग उप-कलाकारों के लिए इसे चालू या बंद भी कर सकते हैं यदि आप उन सभी सूचियों में एक सीएसएस क्लास लागू करने के लिए परेशान करना चाहते हैं, जिन्हें आप सॉर्ट करना चाहते हैं (ध्यान दें कि मैंने अधिकांश वस्तुओं पर कक्षा को बंद कर दिया है तो आप देख सकते हैं कि यह कैसे काम करता है): http://jsfiddle.net/DnaBs/