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

时间:2013-07-12 20:23:11

标签: javascript jquery dynamic

所以,我正在处理一个页面,并且在动态设置悬停功能时遇到了一些问题。我想要做的是为每个条目创建一个悬停功能。我尝试了我能想到的一切,但似乎总是为每个条目分配相同的悬停功能。所以,我找到了我现在的解决方案,它在jsfiddle工作,但不是在我制作的网站上。

是否有更好的方法来创建动态悬停功能,或者我如何才能使其工作?任何帮助表示赞赏。

Link to fiddle

Link to website

1 个答案:

答案 0 :(得分: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
}