我试图通过JavaScript阻止浏览器使用CSS的:hover
效果.
I have set the a
and a:hover
styles in my CSS, because I want a hover effect, if JS isn’t available. But if JS is available, I want to overwrite my CSS hover effect with a smoother one (using the jQuery color plugin for example.)
我试过这个:
$("ul#mainFilter a").hover(
function(e){ e.preventDefault(); ...do my stuff... },
function(e){ e.preventDefault(); ...do my stuff... });
我也用return false;
试过了,但是不行.
下面是我的问题的一个例子:http://jsfiddle.net/4rEzz/.链接应该只是淡出而不会变灰.
正如fudgey所提到的,一种解决方法是使用.css()
重置悬停样式,但我必须覆盖CSS中指定的每个属性(参见此处:http://jsfiddle.net/raPeX/1/).我正在寻找一个通用的解决方案.
有人知道怎么做吗?
PS: I do not want to overwrite every style i have set for the hover.