我想通过data-attr的帮助在缩略图上显示img的mouseover事件,但只有第一个缩略图正在工作。只有第一个元素显示
DEMO http://jsfiddle.net/3gn0kj1k/
我已经尝试了很多事情,但没有成功,因此我在这里。
JS代码:
enter code here
var animIcon = $(".graph-icons img");
var dataAnim = $(".graph-anim .animation").data("anim");
animIcon.mouseenter(function() {
$(".graph-main-img").css({
"opacity": "0"
});
if ($(this).data("img") === dataAnim) {
console.log(dataAnim);
$('.graph-anim .animation[data-anim=' + dataAnim + ']').css({
"opacity": "1"
});
}
});
animIcon.mouseleave(function() {
$(".graph-main-img").css({
"opacity": "1"
});
$(".animation").css({
"opacity": "0"
});
});
非常感谢斯特纳先生 –