为什么不是'；这个jQuery选择器不工作吗？

JavaScript:

<script>

$('#aboutme').on('hover', function(){
    console.log("All the stuff");
    /* $("#aboutmedropdown").css("dispay","block"); */
});

</script>

$（'#aboutme'）。on（'hover'，function（）{
日志（“所有的东西”）；
/*$（“#aboutmedropdown”）.css（“dispay”、“block”）*/
});

HTML（目前为css内联）：

我正在检查元素，非常清楚地看到我在需要悬停的图像上有正确的ID--

#aboutme

我正在查看页面源代码，看到我的

和

jQuery

都已加载

然而，当我将鼠标悬停在id为aboutme的图像上时，控制台中什么也没有发生

有什么想法吗？

试试这个：

$(document).ready(function(){
    $(document).on('hover', '#aboutme' , function(){
        console.log("All the stuff");
        /* $("#aboutmedropdown").css("dispay","block"); */
    });
});

将

标记移动到

#aboutme

之后（最好在

之前），或使用：

试着这样使用它：

$(document).on('hover', '#aboutme', function(){
    console.log("All the stuff");
    /* $("#aboutmedropdown").css("dispay","block"); */
});

---

不要在

打开时使用
鼠标悬停
，使用
鼠标出
或等效的
鼠标出
（一起使用）：


或者使用如下悬停方法：

$('#aboutme').hover(function() {
  console.log('hover in');
}, function() {
  console.log('hover out');
});

*编辑：您也缺少文档准备就绪，无需否决我的正确答案。
您的脚本是在HTML之前加载的吗？是的，脚本位于head元素中。我是这样做的，但仍然不起作用，请参见此处：livingfit.wordpress.redcow.ca所有4个答案都缺少一点，即没有使用on方法悬停。谢谢你否决了我的正确答案。（虽然doc ready也是一个我没有注意到的问题）你所有的反对票都被推迟了-这解决了我的问题。必须使用鼠标，而不是悬停（以及准备好文档）。当计时器在2分钟内启动时，将其标记为答案。谢谢<代码>在jQuery 1.8中不推荐，在1.9中删除：名称“hover”用作字符串“mouseenter mouseleave”的缩写。它为这两个事件附加一个事件处理程序，处理程序必须检查event.type以确定事件是mouseenter还是mouseleave。不要将“hover”伪事件名与接受一个或两个函数的.hover（）方法混淆。

这样做，仍然不起作用，请参阅：livingfit.wordpress.redcow.ca

$(document).on('hover', '#aboutme', function(){
    console.log("All the stuff");
    /* $("#aboutmedropdown").css("dispay","block"); */
});

$('#aboutme').hover(function() {
  console.log('hover in');
}, function() {
  console.log('hover out');
});