πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A Basic jQuery library to arrange/order DOM elements by dragging .This plugin doesn’t require any CSS change, just call the function on elements you want to be arranged, and you are done.

Drag_Drop Plugins

Documentation

#jquery-dragarrange

A very basic jQuery plugin to shift element position by drag

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.

How to Use

<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();

Optional Parameters

###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/

License

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


You May Also Like