Skip to content

vishalok12/jquery-dragarrange

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#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

About

A Basic jQuery library to arrange/order DOM elements by dragging http://vishalok12.github.io/jquery-dragarrange/

Resources

License

Stars

Watchers

Forks

Packages

No packages published