# sortable

**Repository Path**: mirrors_dominictarr/sortable

## Basic Information

- **Project Name**: sortable
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-05-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# drag-sortable

Create a list that is can be sorted by dragging ui elements.

``` js
var Sortable = require('./')

var array = ['Apple', 'Banana', 'Cherry', 'Durian', 'ElderBerry']
var emitter = Sortable(array, function template (s) {
  //return html Element.
  var e = document.createElement('h1')
  e.innerText = s
  return e
}, document.createElement('ol'))
//listen to changes (newArray, splices)
emitter.on('change', console.log.bind(console))

emitter.element
```

Change events is the new state of the array,
and the splices that changed the array.

`template` is just a function that takes any thing and returns an `HTMLElement`


## jquery-ui

Currently, this depends on jquery UI, which is not ideal,
but it works, and it works on mobile.

## known issues:

Dragging goes funny when zoomed on Chrome Android.
Be sure to use viewport:

```
<meta name="viewport"
  content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
```

To disable zoom.