Javascript jQuery.hover无法工作

这可能有点愚蠢可笑，但我已经一遍又一遍地检查了这段代码，似乎不明白为什么它不起作用

以下是我的JS：

$(document).ready( function() {
    $("#flame").hover( function() 
    { $(this).removeClass("normal").addClass("hover"); }
    );
});

和我的HTML：

<a href="javascript:void()">
<div id="flame" class="normal"></div>
</a>

---

我已经多次使用相同的jQuery效果，我甚至还用类似的源代码创建了另一个js文件，但我不明白为什么它不起作用。

在jQuery 1.4之前，

.hover（）

需要两个函数。再加上第二个，你就没事了

$(document).ready( function() {
    $("#flame").hover(function() { 
               $(this).removeClass("normal").addClass("hover"); 
           }, function() {
               $(this).removeClass("hover").addClass("normal"); 

      });
});

此外，您可以单独在css中处理此问题（但浏览器支持有限）：

---

在jQuery1.4之前，

.hover（）

接受两个函数。再加上第二个，你就没事了

$(document).ready( function() {
    $("#flame").hover(function() { 
               $(this).removeClass("normal").addClass("hover"); 
           }, function() {
               $(this).removeClass("hover").addClass("normal"); 

      });
});

此外，您可以单独在css中处理此问题（但浏览器支持有限）：

---

如果您正在做的唯一事情是更改图像，则可以使用CSS伪类：

#flame {
    margin:auto;
    width: 180px;
    height: 218px;
    background: url(../images/flame_normal.png);
}

#flame:hover {
    background: url(../images/flame_hover.png);
}

---

如果您正在做的唯一事情是更改图像，则可以使用CSS伪类：

#flame {
    margin:auto;
    width: 180px;
    height: 218px;
    background: url(../images/flame_normal.png);
}

#flame:hover {
    background: url(../images/flame_hover.png);
}

---

即使添加了第二个函数（我运行的是jQuery 1.6+），它仍然无法工作。我完全被迷惑了。弄明白是什么，把谷歌jquery.min.js的src=”“搞砸了。感谢大家的帮助：）。即使添加了第二个函数（我运行的是jQuery 1.6+），它仍然无法工作。我完全被迷惑了。弄明白是什么，把谷歌jquery.min.js的src=”“搞砸了。谢谢大家的帮助：）。