javascript - 悬停功能不能为每个条目动态工作

Question

所以，我正在处理一个页面，并且在动态设置悬停功能时遇到了一个小问题。我要做的是为每个条目创建一个悬停功能。我尝试了我能想到的一切，但似乎每个条目都被分配了相同的悬停功能。因此，我找到了我现在拥有的解决方案，该解决方案适用于 jsfiddle，但不适用于我制作的网站。

有没有更好的方法来创建动态悬停功能，或者我怎样才能让它工作？任何帮助表示赞赏。

链接到小提琴

链接到网站

Answer 1

这与 ExpressionEngine 无关，甚至不需要用 Jquery 来完成，完全可以用 CSS 来完成。

问题是您正在输出带有频道条目的每个循环的 JS，而不是在您的头部或主体 html 的底部使用集中的 JS 文件，类似的建议是将 CSS 移动到通用 CSS 文件而不是内联。

.MF {
hide the rollover text
}
.MF:hover {
hide the title and sub-title
show the rollover text
margin-left the arrow
}