悬停时函数在具有相同 id 的多个元素中不起作用

On hover function not working in multiple elements with the same id

本文关键字:元素 不起作用 id 函数 悬停      更新时间:2023-09-26

我的想法是,当您将鼠标悬停在图像上时,前面会出现一个黑色的0.9不透明度div,显示一些信息。它确实有效,但仅适用于第一个元素,然后它根本不有效。我使用相同的id和类,因为我使用的系统为每个语句创建一个,并重复具有不同内容的语法。我似乎无法使其工作,请帮忙!

这是小提琴上的代码。http://jsfiddle.net/9dzU6/

提前谢谢你!有好的一天!:)

这就是 id 的工作方式。它们应该是独一无二的。如果你想要多个,你应该使用一个类并选择".myClass"。

这是固定的小提琴我认为应该更正 CSS,但您仍然可以看到 JS 正常工作。

ID 应该是唯一的。如果要将其分配给多个项目,请改用它作为类。这意味着,您可以尝试;

分配类后$('.distinguished')而不是$('#distinguished')