Tengo un problema con una aplicación móvil híbrida.
Quisiera cambiar el estilo de un div cuando este sea cliqueado. Actualmente tengo algo como:
<div id="foo">
Lorem ipsum dolor...
</div>
y aplico en mi documento css:
#foo:active{
background-color: red;
}
Sin embargo, en mi aplicación móvil, cuando doy toques rápidos (clics rápidos) el estilo no se aplica (solo se aplica en clics largos).
¿Qué puedo hacer para que el estilo cambie al dar clics rápidos?
PD:
También he intentado usar un evento "click" con javascript, agregando y removiendo una clase con estilo diferente, sin embargo, solo funciona en el agregado de la clase y pero cuando esta se remueve no sucede nada.
css:
.bar{
background-color: red;
}
js:
$$('#foo').click(function(){
$$(this).addClass('bar');
setTimeout(function(){
$$(this).removeClass('bar');
}, 100);
});
Nota: el $$
hace referencia a la libreria de manejo del DOM que incluye Framework7, el cual estoy utilizando