Sortable
Grid
- Link Handle
- Item 3
- Item 4
- Item 5
- Item 6
- Item 7
- Item 8
- Item 9
- Item 10
- Item 11
- Item 12
Group
Item 1
Item 2
Item 3
Item 4
Item 5
Handle
Item 1
Item 2
Item 3
Item 4
Item 5
Empty
Nav + Custom Drag Class
Nested Lists
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
- Item 6
- Item 7
- Item 8
- Item 9
- Item 10
- Item 11
JavaScript Options
| Option | Value | Default | Description |
|---|---|---|---|
group |
String | '' | The group |
animation |
Number | 150 | The animation duration. |
threshold |
Number | 10 | Mouse move threshold before dragging starts. |
cls-item |
String | ui-sortable-item | The item class. |
cls-placeholder |
String | ui-sortable-placeholder | The placeholder class. |
cls-drag |
String | ui-sortable-drag | The ghost class. |
cls-drag-state |
String | ui-sortable-dragging | The body's dragging class. |
cls-base |
String | ui-sortable | The list's class. |
cls-no-drag |
String | ui-sortable-nodrag | Prevent dragging on elements with this class. |
cls-empty |
String | ui-sortable-empty | The empty list class. |
cls-custom |
String | '' | The ghost's custom class. |
handle |
String | false | The handle selector. |