dagron

Ender interface to HTML5 Drag and Droppables

Works like this

$('div.draggables').dagron({
    // all options are 'optional', no pun intended
    handle: 'div.handle'
  , target: 'div.droptarget'
  , start: function (el) {
      // el is the item you started dragging
    }
  , drag: function (el) {
      // el is dragged element
    }
  , drop: function (el) {
      // el is the target the dragged item was dropped on
    }
  , enter: function (el) {
      // el is the element target you entered into
    }
  , leave: function (el) {
      // el is the item left from
    }
  , end: function (el) {
      // el is the element you stopped dragging
    }
})

Dependencies

Minimal dependency of Enders Jeesh