jQuery: खींचें और छोड़ें: लक्ष्य की आईडी

Question

मैं ड्रैग और ड्रॉप ऐप विकसित कर रहा हूं। मेरे पास एक डीआईवी है जो दस्तावेज़ के साथ खींचने योग्य है और दस्तावेज़ में कुछ अन्य divs हैं, मैं एक div को अन्य divs में खींच सकता हूं, लेकिन मैं div की आईडी कैसे प्राप्त कर सकता हूं जिस पर मैंने ड्रैगिंग डीवी,

मैं सिर्फ एक और डीआईवी रखने के बाद लक्ष्य डीआईवी की आईडी जानना चाहता हूं।

धन्यवाद

Answer 1

आप बनाने के लिए यह स्पष्ट है कि घटना कार्यों (demo)

$(".droppable").droppable({ 
    drop: function(event, ui) { 
     $(this).addClass("ui-state-highlight").find("p").html("Dropped in " + this.id); 
    }, 
    over: function(event, ui) { 
     $('.display').html(this.id); 
    } 
}); 

Updated demo अंदर से this.id से लक्ष्य की आईडी प्राप्त करने में सक्षम होना चाहिए घटनाओं में से किसी में काम करता है this.id ।

Answer 2

यदि आप ईवेंट प्रतिनिधिमंडल का उपयोग करते हैं, हालांकि यह लक्ष्य div का कुछ अभिभावक होगा। इस मामले में आप इसका उपयोग कर सकते हैं:

var handleDrop=function(e) 
{ 
    var target=e.target || e.srcElement; 
    var id=target.id; 
    // do something with it 
} 

Answer 3

आप एक ईवेंट हैंडलर का उपयोग कर सकते हैं; यह आपको दोनों को खींच लिया जाता है और एक गिरा दिया जाता है।

function handleDropEvent(event, ui) { 
    alert('Dropped ' + ui.draggable.attr('id') + ' onto ' + event.target.id); 
} 

$('#someContainer').droppable({ 
    drop: handleDropEvent 
})