Question

所以今天我遇到了这个问题。我设置了几个div，背景颜色（我们称之为'颜色＃1'）通过css分配，通过类名，让我们说'.color'，之后，我做了每个div将其背景颜色更改为特定的颜色（'颜色＃2'），悬停时，也可以通过css。

问题是：我已经创建了一个jquery脚本，我希望将常规backgroundcolor（'color＃1'）更改为另一个（颜色＃3），这样可行，但悬停功能现在已经被破坏，因为div不会更改为悬停时颜色＃2。任何人都知道为什么？ css文件和jquery之间是否存在任何不兼容性？我没有这方面的实例，但如果你能提供解决方案，那就太好了。

Answer 1

您可以使用jquery hover()来解决此问题。

<div id="test">test</div>
<input type="button" id="btn" value="changecolor"/>


$("#btn").click(function(){
  $("#test").css("background-color","red");
});
$("#test").hover(function(){
  $("#test").css("background-color","yellow");
});

DEMO

jQuery背景颜色改变了，悬停背景颜色不起作用

1 个答案: