hgjinfan / xDrag

原生js拖拽插件

xDrag

xDrag is a Native JavaScript plugin to enable dragging and dropping as well as on a grid.

Installation

To install copy the javascripts directories into your project and add the following snippet to the header: <script src="src/xDrag.js"></script> preview

Examples

<style>
  .box {
    width: 100px;
    height: 100px;
  }
</style>
<div class="wrapper" id="test">
  <li class="box"></li>
  <li class="box"></li>
  <li class="box"></li>
  <li class="box"></li>
  <li class="box"></li>
  <li class="box"></li>
  <li class="box"></li>
  <li class="box"></li>
  <li class="box"></li>
  <li class="box"></li>
  <li class="box"></li>
  <li class="box"></li>
</div>
<script>
  xDrag({
    id: 'test',
    dragClassName: 'box',
    rowMax: 4,
    gridGap: 20
  })
</script>