मैं एक छवि को एक कंटेनर में कैसे छोड़ सकता हूं और उसके बाद कंटेनर को उस पर आधारित के आधार पर अपडेट कर सकता हूं?

Question

मैं एक छवि को दो कंटेनर (कंटेनर 1 और कंटेनर 2) में खींचने में सक्षम होना चाहता हूं। वहां से, जिस कंटेनर को छवि को गिरा दिया गया था, उसके आधार पर, मैं डेटाबेस कंटेनर के साथ उस कंटेनर को अपडेट करना चाहता हूं (या बस मेरी तालिका में से किसी एक पंक्ति को अपडेट करें)।

मैं इसे प्राप्त करने के लिए http://jqueryui.com/demos/droppable/ का उपयोग करना चाहता हूं, लेकिन मुझे यकीन नहीं है कि अनुरोध को कैसे संसाधित करना है, और प्रत्येक कंटेनर को ईवेंट हैंडलर (छवि को छोड़ना) सुनने के लिए कैसे प्राप्त करें।

मैं नीचे एक बहुत बुरा आरेख तैयार किया है समझाने के लिए मैं क्या मतलब है:

Answer 1

droppable demo से पता चलता वास्तव में कैसे बात की इस तरह करते हैं।

$(function() { 
    $("#draggable").draggable(); 
    $("#droppable").droppable({ 
     drop: function(event, ui) { 
      $(this) 
       .addClass("ui-state-highlight") 
       .find("p") 
        .html("Dropped!"); 
     } 
    }); 
}); 

My own really basic demo → (अद्यतन)