Meteor reagieren Drag & Drop

Question

Ich mache eine App, wo ich Drag & Drop auf die spezifischen Bilder zum Tagging ziehen muss, wie bekomme ich die ID des Ziel-DIV, wo ich mein Tag fallen lassen oder erläutern Sie mir bitte wie funktioniert das alles für drag and drop,

Ich möchte nur die ID des gezogenen Tags und Ziel DIV wissen, wo ich dieses Tag fallen lassen.

dank

Answer 1

Sie die ID des gezogenen Elemente in dem Fenster in dem eventlistener von geschleppt Ereignisse und Zugriff auf die ID speichern können der EventListener des gelöschten Ereignisses.

Für gezogene Element

dragged(e){ 
    window.selectedLabelId=$(e.target).attr("id") 
} 

<label ondragstart={this.dragged}>some label</label> 

In abgelegte Element

dropped(e){ 
    console.log(window.selectedLabelId) 
    window.selectedLabelId=null 
} 
<img src="/imgsrc" ondragend={this.dropped}/> 

Hoffe, es hilft

Answer 2

Wenn Sie jquery-ui verwenden, ist es Rückruf bei Drop

$(".selector").droppable({ 
    drop: function(event, ui) { 
    var id = $(event.target).attr('id'); 
    } 
});