覆盖a:用jQuery悬停？

Question

我<a>用css 定义了一个标签.我正在尝试停止标记:hover上的默认样式表更改a.如何在Jquery中禁用a标记上的悬停更改？

Answer 1

以下解决方案的现场演示:http://jsbin.com/umiru

-

我能想到的最简单的方法是改变:

a:hover { ... }

成

a.someClass:hover { ... }

然后.someClass通过jQuery的方法添加/删除:

$(this).addClass("someClass");    // activates css rules for :hover
$(this).removeClass("someClass"); // deactivates css rules for :hover

Answer 2

这是一个没有黑客类的解决方案:

CSS:

a {color: blue;}
a:hover {color: red;}

jQuery(使用jQueryUI为颜色设置动画):

$('a').hover( 
  function() {
    $(this)
      .css('color','blue')
      .animate({'color': 'red'}, 400);
  },
  function() {
    $(this)
      .animate({'color': 'blue'}, 400);
  }
);

演示