Patrick Springstubbe sometimes a pretty awesome guy!

Demos

jQuery: Drag & Drop

Enable drag and drop functionality on a list of elements.

https://github.com/nobleclem/jQuery-DragNDrop


  • Default

    Toggle Plugin
    1. one
    2. two
    3. three
    4. four
    5. five
    $('ol').dragndrop();
  • Default with onDrop callback

    Toggle Plugin
    1. one
    2. two
    3. three
    4. four
    5. five
    $('ol').dragndrop({ onDrop: function( element, droppedElement ) { var items = $(element).find('input') .map(function( index, elem ){ return $( elem ).val(); }).get(); alert( 'New Item Order: '+ items.join( ', ' ) ); } });