lysisi / jquery-dragarrange Goto Github PK

#jquery-dragarrange

If you are looking for a library which can be ordered/arranged by drag, you are at right place. This plugin doesn't require any CSS change, just call the function on elements you want to be arranged, and you are done.

<div id="elements-container">
  <div class="draggable-element d-1">Drag 1</div>
  <div class="draggable-element d-2">Drag 2</div>
  <div class="draggable-element d-3">Drag 3</div>
  <div class="draggable-element d-4">Drag 4</div>
</div>

Call the function: $('.draggable-element').arrangeable();

###dragSelector If passed, object can be dragged only from this selector. The default dragSelector is same DOM element that has called the function. ###dragEndEvent (Default: "drag.end.arrangeable")

When dragging ends, the draggable element's container triggers the specified event. First arguemnt (after the event object itself) is the jQuery object that was being dragged.

###Setup

bower install jquery-dragarrange

Or you can download latest library from here.

###Demo http://vishalok12.github.io/jquery-dragarrange/

Dragarrange is licensed under the MIT license. Copyright (c) 2014 Vishal Kumar