jQuery सॉर्ट करने योग्य - इसे मूल सूची में रखें

Question

क्या किसी को पता है कि jQuery UI के सॉर्टेबल में मूल गिराए गए आइटम को इसकी मूल सूची में रखने के लिए अंतर्निहित कार्यक्षमता है या नहीं?

उदाहरण के लिए, आपके पास दो सूचियां हैं (एक 'स्रोत' और एक 'समूह')। मैं स्रोत से चयन करना चाहता हूं और समूह में ड्रॉप करना चाहता हूं, लेकिन आइटम को स्रोत में रखें।

समझ में आओ?

धन्यवाद!

Answer 1

आप see my solution in action on jsfiddle कर सकते हैं। मैंने आपकी आवश्यकताओं के अनुरूप this jQuery draggable/droppable interaction में संशोधन किया है।

एचटीएमएल

<div class="demo"> 
    <h2>List 1</h2> 
    <ul> 
     <li class="draggable ui-state-highlight">Drag me down</li> 
     <li class="draggable ui-state-highlight">Drag me down</li> 
    </ul> 
    <h2>List 2</h2> 
    <ul id="sortable"> 
     <li class="ui-state-default">Item 1</li> 
     <li class="ui-state-default">Item 2</li> 
     <li class="ui-state-default">Item 3</li> 
     <li class="ui-state-default">Item 4</li> 
     <li class="ui-state-default">Item 5</li> 
    </ul> 
</div> 

jQuery

$(function() { 
    $("#sortable").sortable({ 
     revert: true 
    }); 
    $(".draggable").draggable({ 
     connectToSortable: "#sortable", 
     helper: "clone", 
     revert: "invalid" 
    }); 
    $("ul, li").disableSelection(); 
}); 

सीएसएस

.demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 20px; } 
.demo li { margin: 5px; padding: 5px; width: 150px; border: 1px solid black; }