Detectar nuevos elementos mediante selectores CSS-Sentinel. js
| Autor: | muicss |
|---|---|
| Views Total: | 794 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 9, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Sentinel. js es una pequeña (2Kb minificada) Biblioteca de JavaScript que añade un reloj para uno o varios selectores CSS con devolución de llamada y soporte de animación adicional.
Funcionamiento
Instale Sentinel. js en el proyecto.
$ npm install --save sentinel-js
var sentinel = require('sentinel-js'); O directamente Descargue y cargue el script Sentinel. js en su documento.
<script src="sentinel.js"></script>
El uso básico.
- cssSelectors: Los selectores CSS
- callbackFn: función de devolución de llamada
- extraAnimation: desencadena animaciones adicionales
// sentinel.on(cssSelectors, callbackFn[, extraAnimation])
sentinel.on('.myElement', function(el) {
// add an input box
var inputEl = document.createElement('input');
el.appendChild(inputEl);
}, 'anim1, anim2'); Quite un reloj o una devolución de llamada.
sentinel.off(cssSelectors[, callbackFn])
Restablezca todos los relojes y devoluciones de llamada.
sentinel.reset();
Registro de cambios
v0.0.5 (10/09/2018)
- Se agregó compatibilidad para el constructor de objetos de evento al evento de carga centinela
