Preciso desativar um evento hover apenas nos celulares e tablets.
Boa tarde meu povo! :)
Eu vos saúdo, e venho lhes perguntar algo sismples.
Tenho um script em jquery que serve para controlar os eventos do meu menu. Dentro deste script existem alguns eventos de click e HOVER, percebi o seguinte:
Programei especificamente um evento HOVER para os <li>, com intuito da sua respectiva imagem de fundo aparecer. Porém, nos tablets e celulares, toda vez que eu clicar em cima de algum <li>, o primeiro clique vai estar contando como HOVER, e não como CLICK. Desta forma, o cliente teria que clicar duas vezes no link para que fosse direcionado até a sessão específica.
E eu não quero isso :(
var header = 0;
$( "header ul li" ).click(function() {
header++;
$( "header ul li" ).slideUp( 130 );
if( (header%2) != 0 ) {
$( "header" ).css({ "width" : "315px" });
$( "header .menu" ).animate({
width: "325px"
}, 130, function() { $( "header .menu" ).css({ 'background' : '#ff5c26' }); });
} else if ( (header%2) == 0 ) {
$( "header" ).css({ "width" : "140px" });
$( "header .menu" ).animate({
width: "140px"
}, 130, function() { $( "header .menu" ).css({ 'background' : '#031c2c' }); });
}
});
/*
$( "header ul li" ).hover(function() {
$(this).children("img").css({ "display" : "block" });
}, function() {
$(this).children("img").css({ "display" : "none" });
});
*/
A parte comentada serve para aparecer a imagem de fundo do <li> caso passar o mouse por cima. O que eu quero fazer é apenas retirar essas duas linhas caso o dispositivo seja tablet ou celular..
Tem como???
Obrigado!!!!!!
Discussão (2)
Carregando comentários...