Javascript 图像淡入然后文本不工作

当我将鼠标停留在图像上时，它应该显示带有标题和一些描述的文本。此上下文仅对第一个图像有效，对其余图像无效

我使用jquery插件。它不起作用了。代码如下

需要做哪些更改，请告诉我。提前谢谢

功能${ $.fn.hoverGrid=函数选项{ 变量设置=$.extend{ 'itemClass'：'.item' }，选项； 返回this.eachfunction{ var hoverGrid=$this； addClass'hover-grid'； hover-grid.findsettings.itemClass.addClass'hover-grid-item'； $hoverGrid.findsettings.itemClass.hoverfunction{ $this.find'div.caption'.stopfalse，true.fadeIn200； }, 作用{ $this.find'div.caption'.stopfalse，true.fadeOut200； }; }; }; }jQuery； $document.readyfunction{ $'whatever'。悬停网格； }; /*! *jQuery Cookiebar插件CSS * https://github.com/carlwoodhouse/jquery.cookieBar * *版权所有2012，马克·塞尔，卡尔·伍德豪斯。 */ .悬停网格.悬停网格项{ 宽度：181px； 高度：181px； 保证金：0 18px 18px 0； 浮动：左； /*-webkit边界半径：4px； -moz边界半径：4px； 边界半径：4px*/ 溢出：隐藏； 位置：相对位置； 游标：默认值； } .悬停网格img{ /*-webkit边界半径：4px； -moz边界半径：4px； 边界半径：4px*/ 边界：0； 位置：绝对位置； 保证金：0； 填充：0； } .悬停网格项.标题{ 背景色：222； 宽度：145px； 高度：145px； 填充：18px； 位置：绝对位置； 左：0； 颜色：fff； 显示：无； 线高：1.1； /*-webkit边界半径：4px； -moz边界半径：4px； 边界半径：4px*/ } .悬停网格项。标题p{ 字体大小：15px； 字体大小：400； 颜色：fff； } 一些头衔 这是结束所有标题的标题

一些头衔 这是结束所有标题的标题

一些头衔 这是结束所有标题的标题

---

ID在html页面中必须是唯一的。您可以将id=which更改为class=which，然后使用$.which应用于所有

更新的代码段：

功能${ $.fn.hoverGrid=函数选项{ 变量设置=$.extend{ 'itemClass'：'.item' }，选项； 返回this.eachfunction{ var hoverGrid=$this； addClass'hover-grid'； hover-grid.findsettings.itemClass.addClass'hover-grid-item'； $hoverGrid.findsettings.itemClass.hoverfunction{ $this.find'div.caption'.stopfalse，true.fadeIn200； }, 作用{ $this.find'div.caption'.stopfalse，true.fadeOut200； }; }; }; }jQuery； $document.readyfunction{ $'.whatever'.hoverGrid； }; /*! *jQuery Cookiebar插件CSS * https://github.com/carlwoodhouse/jquery.cookieBar * *版权所有2012，马克·塞尔，卡尔·伍德豪斯。 */ .悬停网格.悬停网格项{ 宽度：181px； 高度：181px； 保证金：0 18px 18px 0； 浮动：左； /*-webkit边界半径：4px； -moz边界半径：4px； 边界半径：4px*/ 溢出：隐藏； 位置：相对位置； 游标：默认值； } .悬停网格img{ /*-webkit边界半径：4px； -moz边界半径：4px； 边界半径：4px*/ 边界：0； 位置：绝对位置； 保证金：0； 填充：0； } .悬停网格项.标题{ 背景色：222； 宽度：145px； 高度：145px； 填充：18px； 位置：绝对位置； 左：0； 颜色：fff； 显示：无； 线高：1.1； /*-webkit边界半径：4px； -moz边界半径：4px； 边界半径：4px*/ } .悬停网格项。标题p{ 字体大小：15px； 字体大小：400； 颜色：fff； } 一些头衔 这是结束所有标题的标题

一些头衔 这是结束所有标题的标题

一些头衔 这是结束所有标题的标题

---

嗨，欢迎来到苏。请花点时间阅读和。你说你使用了jquery插件-你使用了哪个插件？或者你的意思是你写了一个？id应该是唯一的，所以将id=where更改为class=where，然后使用$'.where'.hoverGrid`在哪里，请解释一下？$“whatever”只会找到第一个id=whatever，因为id是唯一的。