Cambiar a:hover por onclick para uso tactil en menu responsivo

[margaomar]

Hola! Estoy intentando adaptar mi menú responsive al uso táctil de los dispositivos y me planteo que compatibilizando la propiedad ul:hover del css por una acción onClick mediante .js podría solucionar mi problema...quizás sea muy optimista ;D
El caso es que he encontrado una posible solución que daban en un foro, mediante .bind

$('#target').bind('click hover', function () {
// common operation
});

pero no me hace gran cosa...posiblemente no lo esté usando bien. Alguien ha intentado hacer algo así antes o tiene una posible solución?? Básicamente necesito que mi propiedad ul:hover, que enseña un menú, pase a ser onclick para que haga lo mismo al hacer click con el dedo en un dispositivo, y no se vaya directamente al link. No sé si se me entiende...

Gracias de antemano!

[dAvidcA]

Hola margaomar,

El evento "onclick" en jQuery sería así:

Código Javascript:

$( "#target'" ).click(function() {
  //operación
});
 

Si deseas agregar los dos eventos puedes hacerlo de varias formas:

Forma 1:

Código Javascript:

$('#target').on('click hover', function () {
  //operación
});
 

Forma 2:

Código Javascript:

var varHoverOrClick = function () {
    //operación
}
$('#target').click(hoverOrClick).hover(varHoverOrClick );
 

Cualquier duda comentas de nuevo.

Saludos.