Sortable

Features

Usage

<ul id="items">
	<li>item 1</li>
	<li>item 2</li>
	<li>item 3</li>
</ul>

new Sortable(items);

Options

new Sortable(elem, {
	group: "name",
	handle: ".my-handle", // Restricts sort start click/touch to the specified element
	draggable: ".item", // Specifies which items inside the element should be sortable
	ghostClass: "sortable-ghost",
	onAdd: function (evt){
		var itemEl = ui.detail;
	},
	onUpdate: function (evt){
		var itemEl = ui.detail; // the current dragged HTMLElement
	},
	onRemove: function (evt){
		var itemEl = ui.detail;
	}
});