2010-06-04 10 views
48

उम्मीद है कि एक साधारण उत्तर के साथ एक छोटा सा सवाल है, मैं एक डॉक में आइटम रखने के लिए jQuery ड्रैगगेबल और ड्रॉपपेबल का उपयोग कर रहा हूं। ड्रॉप के लिए नीचे दिए गए कोड का उपयोग करना।jQuery ड्रॉपपैबल, तत्व को

$("#dock").droppable({ 
      drop: function(event, ui) { 
       //Do something to the element dropped?!? 
      } 
     }); 

हालांकि मुझे वास्तव में कौन सा तत्व गिराया गया था, यह जानने का कोई तरीका नहीं मिला, इसलिए मैं कुछ कर सकता हूं। क्या यह संभव है?

उत्तर

90

drop event documentation से:

इस घटना शुरू हो रहा है जब एक स्वीकार कर लिया खींचने योग्य 'पर' गिरा दिया जाता है (की सहिष्णुता के अंदर) के इस droppable। कॉलबैक में, $ (यह) ड्रापेबल ड्रॉप डाउन करने योग्य को दर्शाता है। ui.draggable ड्रैगगेबल का प्रतिनिधित्व करता है।

तो:

$("#dock").droppable({ 
    drop: function(event, ui) { 
       // do something with the dock 
       $(this).doSomething(); 

       // do something with the draggable item 
       $(ui.draggable).doSomething(); 
      } 
}); 
+0

सक्रिय सीएसएस वर्गों – aroos

+0

मेरे लिए हटाया जा करने की आवश्यकता है, इस तत्व खींचें राज्य, स्थिति के साथ छोड़ देता है: relatative और दाएँ/बाएँ समन्वय –

+0

आप वास्तव में किस प्रकार करते हैं doSomething() फ़ंक्शन के भीतर ड्रैगगेबल का चयन करें? –

संबंधित मुद्दे