Elementos del Resort con arrastrar y soltar-DragonflyJS
| Autor: | wolffe |
|---|---|
| Views Total: | 2,358 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 17, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
DragonflyJS es una pequeña biblioteca de arrastrar y soltar que permite a un grupo de elementos dentro de un contenedor ser ordenable a través de arrastrar y soltar. Sin ninguna 3ª dependencia.
Funcionamiento
Importa el archivo JavaScript principal ' Dragonfly. js ' en tu documento.
<script src="dragonfly.js"></script>
Agregue la clase ' Drag-Box ' a los elementos que deben ser arrastrables y ordenable.
<div class="drag-box" id="item1">Item #1</div> <div class="drag-box" id="item2">Item #2</div> <div class="drag-box" id="item3">Item #3</div> <div class="drag-box" id="item4">Item #4</div> <div class="drag-box" id="item5">Item #5</div> ...
Agregue el grupo de elementos a un elemento contenedor con la clase de ' arrastrar-contenedor '. Hecho.
<div class="drag-container"> <div class="drag-box" id="item1">Item #1</div> <div class="drag-box" id="item2">Item #2</div> <div class="drag-box" id="item3">Item #3</div> <div class="drag-box" id="item4">Item #4</div> <div class="drag-box" id="item5">Item #5</div> ... </div>
Registro de cambios
07/17/2018
- Actualizar Dragonfly. js
