README.md 743 字节
Newer Older
R
RubaXa 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
# Sortable


## Features
* Support touch devices
* Built using native HTML5 drag and drop API
* Simple API
* Lightweight, 2KB gzipped
* No jQuery


### Usage
```html
<ul id="items">
	<li>item 1</li>
	<li>item 2</li>
	<li>item 3</li>
</ul>
```

```js
new Sortable(items);
```


### Options
```js
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){
R
RubaXa 已提交
35
		var itemEl = evt.item;
R
RubaXa 已提交
36 37 38
	},

	onUpdate: function (evt){
R
RubaXa 已提交
39
		var itemEl = evt.item; // the current dragged HTMLElement
R
RubaXa 已提交
40 41 42
	},

	onRemove: function (evt){
R
RubaXa 已提交
43
		var itemEl = evt.item;
R
RubaXa 已提交
44 45 46
	}
});
```