Javascript mouseenter（）悬停函数不工作

我一直在尝试创建一种效果，当我将鼠标悬停在一个图像上时，整个图像会随着文本变为白色，但我的代码不起作用，有人介意看一看，让我知道我做错了什么吗

将文本悬停在此处
$（'.frontImages'）.mouseenter（函数（）{
$（'.hoverText'）.fadeIn（）；
});
.悬停文字{
显示：无；
}

注意-此代码基于此线程：-但是当我从答案中输入代码时，它似乎也不起作用

---

谢谢

您的代码按原样工作，您只需在

JSFiddle

中添加对

jQuery

的引用即可工作。查看更新的小提琴：和

我还编辑了第二个副手，将标题置于图像上方，而不是下方，添加了：

caption.offset({ top: image.position().top })

---

请参阅：

谢谢！它认为我的网站上的一切都是正确的，但它看起来仍然不适合我。。。你介意看看我是不是做错了什么吗？目前，首页上的所有图像都使用同一个类，所以将鼠标悬停在其中任何一个上面都应该会显示它们的所有悬停文本-我稍后会修复它，但我想先确保它工作正常。我看了一看，结果是：jQuery（'.frontImages'）.mouseenter（function（）{jQuery（'.hoverText'）.fadeIn（）；}）；要将jQuery绑定到$，请参见以下答案：感谢您查看。这对我来说太奇怪了。我使用了你的代码，但只有当我加载页面，进入firebug并添加或删除一些无关紧要的东西，比如额外的空间或代码中的一些东西时，它才会起作用。有什么原因会这样吗？非常感谢您的帮助。您应该在一个文档中初始化代码，如下所示：jQuery（document）.ready（function（）{jQuery（'.frontImages'）.mouseenter（function（）{jQuery（'.hoverText'）.fadeIn（）；）；}）；

caption.offset({ top: image.position().top })