sortable.js is a simple sort plugin.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
common/css
dist
js
sass
.babelrc
.gitignore
README.md
example.html
package.json

README.md

Sortable

http://www.masanoriiwata.jp/sortable/index.html

Features

  • Simple and fast
  • Supports touch devices
  • Animation when moving
  • Auto scrolling
  • High performance
  • Use Babel
  • No jQuery

Options

new Sortable( {
  containerId        : 'sortable',
  draggingClass      : 'dragging',
  draggableClass     : 'draggable',
  itemAnimationMargin: 0,
  animateSpeed       : 150,
  sortableStartTime  : 300,
  scrollSpeedLevel   : 10,
  onDrag             : null,
  onDragged          : null,
  onSort             : null,
  onSorted           : null,
  onRefreshed        : null,
  onInitialized      : null
} );

Example

<ul id="sortable" class="sortable plugin">
  <li class="draggable"><span class="wrap"><span class="disc"></span></span></li>
  <li class="draggable"><span class="wrap"><span class="disc"></span></span></li>
  <li class="draggable"><span class="wrap"><span class="disc"></span></span></li>
  <li class="draggable"><span class="wrap"><span class="disc"></span></span></li>
  <li class="draggable"><span class="wrap"><span class="disc"></span></span></li>
</ul>
window.addEventListener( 'DOMContentLoaded', function() {

  var sortable = new Sortable();

} );

License

© 2016 - 2017 MASANORI IWATA info@masanoriiwata.jp

rangeSlider.js: http://www.masanoriiwata.jp/sortable/index.html

Released under the MIT licenses
http://opensource.org/licenses/mit-license.php