Skip to content

Commit dcc392a

Browse files
committed
Merge branch 'master' of github.com:RubaXa/Sortable
2 parents 4de9ce4 + 4e17272 commit dcc392a

File tree

1 file changed

+11
-9
lines changed

1 file changed

+11
-9
lines changed

README.md

+11-9
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Demo: http://rubaxa.github.io/Sortable/
88

99
* Supports touch devices and [modern](http://caniuse.com/#search=drag) browsers
1010
* Can drag from one list to another or within the same list
11-
* Animation moving items when sorting (css animation)
11+
* CSS animation when moving items
1212
* Supports drag handles *and selectable text* (better than voidberg's html5sortable)
1313
* Built using native HTML5 drag and drop API
1414
* Supports [AngularJS](#ng) and and any CSS library, e.g. [Bootstrap](#bs)
@@ -30,13 +30,15 @@ var el = document.getElementById('items');
3030
var sortable = Sortable.create(el);
3131
```
3232

33+
You can use any element for the list and its elements, not just `ul`/`li`. Here is an [example with `div`s](http://jsbin.com/luxero/2/edit?html,js,output).
34+
3335

3436
---
3537

3638

3739
### Options
3840
```js
39-
var sortabel = new Sortable(el, {
41+
var sortable = new Sortable(el, {
4042
group: "name", // or { name: "..", pull: [true, false, clone], put: [true, false, array] }
4143
sort: true, // sorting inside list
4244
store: null, // @see Store
@@ -89,7 +91,7 @@ which is an area of every list element that allows it to be dragged around.
8991

9092
```js
9193
var sortable = new Sortable(el, {
92-
handle: ".my-handle",
94+
handle: ".my-handle"
9395
});
9496
```
9597

@@ -114,9 +116,9 @@ var sortable = new Sortable(el, {
114116
To drag elements from one list into another, both lists must have the same `group` value.
115117
You can also define whether lists can give away, give and keep a copy (`clone`), and receive elements.
116118

117-
* name:`string` — group name
118-
* pull:`true|false|'clone'` — ability to move from the list. `clone`cloning drag item when moving from the list.
119-
* put:`true|false|["foo", "bar"]`the possibility of adding an element from the other list, or an array of names groups, which can be taken.
119+
* name: `String` — group name
120+
* pull: `true|false|'clone'` — ability to move from the list. `clone`copy the item, rather than move.
121+
* put: `true|false|["foo", "bar"]`whether elements can be added from other lists, or an array of group names from which elements can be taken
120122

121123

122124
---
@@ -250,7 +252,7 @@ Sortable.create(el, {
250252

251253
<a name="bs"></a>
252254
### Bootstrap
253-
Demo: http://jsbin.com/luxero/1/edit
255+
Demo: http://jsbin.com/luxero/2/edit?html,js,output
254256

255257
```html
256258
<!-- Latest compiled and minified CSS -->
@@ -274,7 +276,7 @@ Demo: http://jsbin.com/luxero/1/edit
274276
// Simple list
275277
Sortable.create(simpleList, { /* options */ });
276278
</script>
277-
279+
```
278280

279281
---
280282

@@ -299,7 +301,7 @@ Demo: http://jsbin.com/luxero/1/edit
299301

300302

301303
## MIT LICENSE
302-
Copyright 2013 Lebedev Konstantin <ibnRubaXa@gmail.com>
304+
Copyright 2013-2014 Lebedev Konstantin <[email protected]>
303305
http://rubaxa.github.io/Sortable/
304306

305307
Permission is hereby granted, free of charge, to any person obtaining

0 commit comments

Comments
 (0)