JQuery UI - Droppable

Question

पर ड्रैगगेबल को संलग्न करें jQueryUI के ड्रैगगेबल्स/ड्रॉपबेल का उपयोग करके ड्रॉप पर लक्षित तत्व पर खींचा जा रहा आइटम कैसे लगाया जाए? ऐसा लगता है कि जिस तरह से jQuery यूआई काम करता है, यह सिर्फ पूर्ण स्थिति के माध्यम से स्क्रीन पर चारों ओर आइटम को स्थानांतरित करता है। दुर्भाग्यवश, यह कार्यक्षमता फ़ॉर्म सबमिशन बेकार बनाती है, क्योंकि आप सबमिशन पर मानों की स्थिति नहीं प्राप्त कर सकते हैं।

किसी भी आइटम/पॉइंटर्स के लिए अग्रिम धन्यवाद!

Answer 1

यदि मैं सही ढंग से समझ गया, तो आप चाहते हैं कि ड्रैग किए गए तत्व को इसके वर्तमान माता-पिता से अलग किया जाए और नए में जोड़ा जाए, है ना? आप ड्रैगिंग करने के लिए एक सहायक का उपयोग कर सकते हैं (इसलिए मूल तत्व प्रभावित नहीं होता है) और, ड्रॉप पर, इसे अलग करें और इसे लक्ष्य में संलग्न करें (धन्यवाद @ ओलेग और @Brian मेरे मूल उत्तर में सुधार के लिए)।

$(myDraggable).draggable({ 
    helper:"clone", 
    containment:"document" 
}); 

$(myDroppable).droppable({ 
    drop:function(event, ui) { 
     ui.draggable.detach().appendTo($(this)); 
    } 
}); 

jsFiddle