Reordenando elementos de rejilla mediante arrastrar y soltar-Grabbable
| Autor: | WolfgangKurz |
|---|---|
| Views Total: | 3,411 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 16, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
grabbable es una biblioteca de JavaScript ligera y fácil de usar que permite a los usuarios volver a ordenar un grupo de elementos de cuadrícula a través de arrastrar y soltar el mouse.
Funcionamiento
Incluya el archivo JavaScript grabbable. js justo antes de la etiqueta </body > .
<script src="grabbable.js"></script>
Agregue un grupo de elementos de cuadrícula a un contenedor DIV denominado ' grabbable-Parent '.
<div class="box grabbable-parent"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div> <div class="item">6</div> <div class="item">7</div> <div class="item">8</div> <div class="item">9</div> <div class="item">10</div> <div class="item">11</div> </div>
Inicializar el Grabbable y listo.
document.querySelector(".grabbable-parent").grabbable();
