J'essaie d'empêcher le navigateur d'utiliser l' :hover
effet du CSS, via JavaScript.
J'ai défini les styles a
et a:hover
dans mon CSS, car je veux un effet de survol, si JS n'est pas disponible. Mais si JS est disponible, je souhaite remplacer mon effet de survol CSS par un effet plus lisse (en utilisant le plugin de couleur jQuery par exemple.)
J'ai essayé ceci:
$("ul#mainFilter a").hover(
function(e){ e.preventDefault(); ...do my stuff... },
function(e){ e.preventDefault(); ...do my stuff... });
Je l'ai aussi essayé avec return false;
, mais cela ne fonctionne pas.
Voici un exemple de mon problème: http://jsfiddle.net/4rEzz/ . Le lien devrait simplement s'estomper sans devenir gris.
Comme mentionné par fudgey, une solution de contournement serait de réinitialiser les styles de survol en utilisant, .css()
mais je devrais écraser chaque propriété, spécifiée dans le CSS (voir ici: http://jsfiddle.net/raPeX/1/ ). Je recherche une solution générique.
Est-ce que quelqu'un sait comment faire ça?
PS: Je ne veux pas écraser tous les styles que j'ai définis pour le survol.