Question

我认为我的代码总体上还可以，但我似乎无法让我的jQuery切换类。以下是我的代码片段：

     $("#activity").hover(function () {
    $(this).toggleClass("activitymouseover");
 });

http://jsfiddle.net/0gd6yeyj/＆lt; - 完整代码

我正在使用脚本来源：
SRC = “// code.jquery.com/jquery-latest.js”。

我在课堂上没有改变悬停。我已经尝试了addClass和removeClass也无效。当toggleClass更改为另一种方法，如。隐藏（）; 代码工作正常吗？

Answer 1

$("h4").hover(function () {
    $(this).toggleClass("activitymouseover");
});

<强> Working Example

将选择器从$（＆＃34;＃activity＆＃34;）更改为$（＆＃34; h4＆＃34;）

Answer 2

问题是toggleClass删除并添加更多类，并且您正在使用id="activity"。而不是id use class，请检查：

＆＃13;

$(".activity").hover(function () {
    $(this).toggleClass("activitymouseover");
});

＆＃13;

.activity {
    width:980px;
    height:177px;
    color: #DCDCDC;
    background-color: #E8D700;
    text-align: center;
    font-size: 64px;
}
.activitymouseover {
    width:980px;
    height:177px;
    color: white;
    background-color: #E8D700;
    text-align: center;
    font-size: 64px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="activity">
    <div id="centeringdiv3">
        <h4>Activity</h4>
    </div>
</div>

＆＃13;

Answer 3

我建议不要使用jQuery来使用普通的旧CSS :hover：

#activity:hover {
  width:980px;
  height:177px;
  color: white;
  background-color: #E8D700;
  text-align: center;
  font-size: 64px;
}

请参阅此处的小提琴：http://jsfiddle.net/0gd6yeyj/1/

无法让我的班级切换

3 个答案: