Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Extends jQuery UI Draggable to add Multi Element Drag and Live functionality
JavaScript
Branch: master

Update multidraggable.js

Cool new pattern - add undefined to function params. Protects from unexpected modifications of undefined out of my lovely plugin :P
latest commit 3ee04bf041
@someshwara authored
Failed to load latest commit information.
README another typo fix
multidraggable.js Update multidraggable.js
test.html Final Version
test.js Final Version

README

Description

Multi Draggable provides live and multi element draggable functionality to jQuery UI Draggable. 


Usage:

1. Can you used same way as you do for Draggable. In addition, you can add "group" option, which determines which group of elements to be dragged together.

Ex 1:  $(".className").multiDraggable({ group: $(.className)});

In the above case, dragging any element that matches .className , drags all elements matching .className to drag together.

Ex 2:  $("#drag1").multiDraggable({ group: [$("#drag1"),$("#drag2") ]});

In this case, dragging #drag1, makes #drag2 drag along with it, even though #drag2 is not draggable.

Ex 3: (".className").multiDraggable({ 
                      group: $(.className),
                      startNative: function (event,ui) {},
                      stopNative : function (event,ui) {},
                      dragNative : function (event,ui) {}
                      });

You can use all events, options and methods of jQuery UI Draggable, except that
  -'start' is now 'startNative'
  -'drag' is now 'dragNative'
  -'stop' is now 'stopNative'
  - everything else remains the same.
Something went wrong with that request. Please try again.