Drag and drop

Mam taki kod html: https://jsfiddle.net/zypLyp8u/

Korzystam z backobe.js i potrzebuję zrobić eventy drag and drop.

Mam taki kod:

this.events = {
        "dragstart .shop": "handleDragStart",
        "dragenter .shop": "handleDragEnter",
        "dragover .shop": "handleDragOver",
        "dragleave .shop": "handleDragLeave",
        "drop .shop": "handleDrop",
        "dragend .shop": "handleDragEnd"
    };

handleDragStart(event) {
}

handleDragEnter(event) {
}

handleDragOver(event) {
}

handleDragLeave(event) {
}

handleDrop(event) {
}

handleDragEnd(event) {
}

Co i gdzie dodać jeśli chcę wykonać jakąś akcję, gdy:

1) przeciągnę element w #unique_id.shops

2) przeciągnę element do innego #unique_id.shops

3) przeciągnę element w inne miejsce niż #unique_id.shop

http://www.html5rock...als/dnd/basics/

https://developer.mo...ag_and_Drop_API

Jeśli nadal sobie nie ogarniesz to napisz