Interruptor de palanca de Performant accesible en JavaScript puro
| Autor: | aeolingamenfel |
|---|---|
| Views Total: | 2,215 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 27, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Solo otro plugin de JavaScript para crear interruptores de encendido/apagado estilo diseño de iOS y materiales desde elementos de casilla de verificación regulares.
How to use:
Coloque los siguientes archivos JavaScript y CSS en el archivo HTML.
<link href="SimpleSwitch.css" rel="stylesheet"> <script src="SimpleSwitch.min.js"></script>
Añada el atributo Data-Type = "simple-switch" al elemento CheckBox envuelto en un elemento Label como este:
<label> <input type="checkbox" data-type="simple-switch"> JavaScript </label>
Para crear un interruptor de alternancia de material Design, simplemente agregue el Data-material = "true" a la casilla de verificación:
<label> <input type="checkbox" data-type="simple-switch" data-material="true"> JavaScript </label>
Registro de cambios
v0.5.0 (10/27/2018)
- Corregido bug donde el evento del cambio no disparaba cuando el switch cambió
