Skip to content

Extends jQuery UI Draggable to add Multi Element Drag and Live functionality

Notifications You must be signed in to change notification settings

viniciusmuniz/MultiDraggable

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

Extends jQuery UI Draggable to add Multi Element Drag and Live functionality

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 64.6%
  • HTML 35.4%