Native HTML5 arrastrar y soltar-Sortable. js
| Autor: | taylorhakes |
|---|---|
| Views Total: | 4,833 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 6, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Sortable. js le permite volver a ordenar una lista de elementos mediante la función nativa de arrastrar y colocar de HTML5 sin ninguna dependencia.
Funcionamiento
Cree una lista de elementos que se pueden ordenar mediante arrastrar y colocar.
<div class="column"><header>A</header></div> <div class="column"><header>B</header></div> <div class="column"><header>C</header></div> <div class="column"><header>D</header></div> <div class="column"><header>E</header></div>
El CSS necesario para evitar que el contenido de texto de los elementos arrastrables sea seleccionable.
[draggable] {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
-khtml-user-drag: element;
-webkit-user-drag: element;
} Cargue el Sortable. js al final del documento.
<script src="sortable.js"></script>
Habilite el arrastre y suelte HTML5 en los elementos de destino.
Sortable({
els: '.column'
}); Destruye el método.
s.destroy();
Registro de cambios
03/05/2015
- Bugfix
