悬停函数不为每个条目动态工作

Hover function not working dynamically for each entry

本文关键字:动态 工作 函数 悬停      更新时间:2023-09-26

所以,我正在处理一个页面,在动态设置悬停函数时遇到了一个小问题。我正在尝试为每个条目创建一个悬停函数。我尝试了我能想到的一切,但似乎每个条目都被分配了相同的悬停功能。所以,我找到了我现在的解决方案,它在jsfiddle中有效,但在我制作的网站上无效。

有没有更好的方法来创建一个动态悬停函数,或者我如何让它发挥作用?感谢您的帮助。

链接到fiddle

链接到网站

这与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
}